辛苦了好多天,我們努力學習使用XHTML+CSS來重新設計我們的網站。那么我們如何知道自己制作的頁面真的符合web標準?W3C和一些志愿者網站提供了在線校驗程序,來幫助我們檢查頁面是否符合標準,并提供了修正錯誤的幫助信息。這些校驗非常有用,是我調試頁面第一步要做的事情。
1.XHTML校驗
● 校驗網址:http://validator.w3.org/
● 校驗方式:網址校驗、文件上傳校驗
● 校驗成功,會顯示"This Page Is Valid XHTML 1.0 Transitional!",如圖:
● 校驗失敗,會顯示更多校驗選項和錯誤信息,如圖:
一般選擇"Show Source"和"Verbose Output"可以幫助你找到錯誤代碼所在行和錯誤原因。
XHTML校驗常見錯誤原因對照表
● 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--圖片標簽沒有加"/"關閉。
● 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調用的標簽漏了type屬性。
其中最最常見的錯誤就是標簽的大小寫問題了。通常這些錯誤都是關聯的,比如忘記了一個</li>其他<li>標簽都會報錯,所以不要看到一堆的錯誤害怕,通常解決了一個錯誤,其他的錯誤也都沒有了。
如果你的頁面通過XHTML1.0校驗,可以在頁面上放置這么一個圖標:
代碼如下:
<p> <a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /></a> </p>
新聞熱點
疑難解答