WEB2.0標準教程：第十二天 校驗及常見錯誤_Web標準教程

辛苦了好多天，我們努力學(xué)習(xí)使用XHTML+CSS來重新設(shè)計我們的網(wǎng)站。那么我們?nèi)绾沃�道自己制作的頁面真的符合web標準？W3C和一些志愿者網(wǎng)站提供了在線校驗程序，來幫助我們檢查頁面是否符合標準，并提供了修正錯誤的幫助信息。這些校驗非常有用，是我調(diào)試頁面第一步要做的事情。

1.XHTML校驗

● 校驗網(wǎng)址：http://validator.w3.org/ 
● 校驗方式:網(wǎng)址校驗、文件上傳校驗 
● 校驗成功，會顯示"This Page Is Valid XHTML 1.0 Transitional!",如圖：


● 校驗失敗，會顯示更多校驗選項和錯誤信息，如圖：


一般選擇"Show Source"和"Verbose Output"可以幫助你找到錯誤代碼所在行和錯誤原因。

XHTML校驗常見錯誤原因?qū)φ毡?/strong>
● No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未定義DOCTYPE。 
● No Character Encoding Found! Falling back to UTF-8.--未定義語言編碼。 
● end tag for "img" omitted, but OMITTAG NO was specified--圖片標簽沒有加"/"關(guān)閉。 
● an attribute value specification must be an attribute value literal unless 
SHORTTAG YES is specified--屬性值必須加引號。 
● element "DIV" undefined---DIV標簽不能用大寫，要改成小寫div。 
● required attribute "alt" not specified---圖片需要加alt屬性。 
● required attribute "type" not specified---JS或者CSS調(diào)用的標簽漏了type屬性。

其中最最常見的錯誤就是標簽的大小寫問題了。通常這些錯誤都是關(guān)聯(lián)的，比如忘記了一個</li>其他<li>標簽都會報錯，所以不要看到一堆的錯誤害怕，通常解決了一個錯誤，其他的錯誤也都沒有了。

如果你的頁面通過XHTML1.0校驗，可以在頁面上放置這么一個圖標： 

代碼如下：