第12天:校驗(yàn)及常見錯(cuò)誤 

辛苦了好多天，我們努力學(xué)習(xí)使用XHTML+CSS來重新設(shè)計(jì)我們的網(wǎng)站。那么我們?nèi)绾沃雷约褐谱鞯捻?yè)面真的符合web標(biāo)準(zhǔn)？W3C和一些志愿者網(wǎng)站提供了在線校驗(yàn)程序，來幫助我們檢查頁(yè)面是否符合標(biāo)準(zhǔn)，并提供了修正錯(cuò)誤的幫助信息。這些校驗(yàn)非常有用，是我調(diào)試頁(yè)面第一步要做的事情。
1.XHTML校驗(yàn)
校驗(yàn)網(wǎng)址：http://validator.w3.org/
校驗(yàn)方式:網(wǎng)址校驗(yàn)、文件上傳校驗(yàn)
校驗(yàn)成功，會(huì)顯示"This Page Is Valid XHTML 1.0 Transitional!",如圖：
 

校驗(yàn)失敗，會(huì)顯示更多校驗(yàn)選項(xiàng)和錯(cuò)誤信息，如圖：
 

一般選擇"Show Source"和"Verbose Output"可以幫助你找到錯(cuò)誤代碼所在行和錯(cuò)誤原因。
XHTML校驗(yàn)常見錯(cuò)誤原因?qū)φ毡?
No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未定義DOCTYPE。
No Character Encoding Found! Falling back to UTF-8.--未定義語(yǔ)言編碼。
end tag for "img" omitted, but OMITTAG NO was specified--圖片標(biāo)簽沒有加"/"關(guān)閉。
an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified--屬性值必須加引號(hào)。
element "DIV" undefined---DIV標(biāo)簽不能用大寫，要改成小寫div。
required attribute "alt" not specified---圖片需要加alt屬性。
required attribute "type" not specified---JS或者CSS調(diào)用的標(biāo)簽漏了type屬性。
其中最最常見的錯(cuò)誤就是標(biāo)簽的大小寫問題了。通常這些錯(cuò)誤都是關(guān)聯(lián)的，比如忘記了一個(gè)</li>其他<li>標(biāo)簽都會(huì)報(bào)錯(cuò)，所以不要看到一堆的錯(cuò)誤害怕，通常解決了一個(gè)錯(cuò)誤，其他的錯(cuò)誤也都沒有了。如果你的頁(yè)面通過XHTML1.0校驗(yàn)，可以在頁(yè)面上放置一個(gè)圖標(biāo)： 代碼如下：
<p> <a ><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /></a> </p>