W3C驗證并不是要求你的網站一定要通過,但是它能告訴你你的網站HTML標記語言中的錯誤。驗證器中指出的錯誤和警告是提示你的XHTML代碼還不夠完美的重要信號,雖然在不同的瀏覽器中會看起來并不太一致。下面列出了10常見的錯誤并附帶了解決辦法供開發者參考。
在文章開始之前,先給大家幾條不錯的建議供大家實踐。
忽略警告信息。如果驗證器顯示你的頁面中有12處錯誤83處警告,那么你只需考慮其中的錯誤項目即可依次修復錯誤。
按照從下到下的順序修復其中的錯誤,因為瀏覽器在讀取HTML代碼時是按照從上到下的順序的,所以你按照兩樣的方式修復錯誤最省事。
每修復一項錯誤即重新驗證一次。經常出現的現象是前面的一個錯誤往往引起下面一系列的問題。同樣,有時候,如果方式得當修復一個錯誤可以修復后面的好幾處錯誤。每次修改之后重新驗證可以保證你完全修復頁面中的錯誤。
上面的幾條小技巧后,讓我們看看我們的網站不能通過W3C驗證的10個常見原因。
1 未閉合的div標簽
頁面布局不能通過驗證的最為常見的原因。div這種布局模式有多流行這個錯誤就有多流行。未閉合的div標簽是布局錯誤中最最經常出現、也是最難發現的一個錯誤。驗證器并不總能準確地指出錯誤出現的位置,因此發現這個錯誤有時候也無異于大海撈針。
2 可惡的embed標簽
90年代初,微軟和網景瀏覽器開始意識到單純地文本標簽根本不能完全實現標準化。但是不幸的是,雖然我們現在廣泛地使用embed這類的標簽,W3C并沒有意識到他們的重要性。如果你確實想通過strict DOCTYPE驗證,你必須放棄使用embed標簽。
3 不恰當的DOCTYPE聲明
一個錯誤是文檔中要么沒有聲明DOCTYPE,要么聲明DOCTYPE錯誤。作為一系列文檔標準,Strict DOCTYPE是要求最為嚴格的標準。Strict DOCTYPE意味著你的網頁在各種瀏覽器中顯示時都是最為標準的方式。下面是Strict DOCTYPE的一個示例:
view plaincopy to clipboardprint?
<!--!doctype-->
<!--!doctype-->
4 尾部的斜杠問題
網站沒有通過難,那很可能是在你的代碼中缺少了一個斜杠(/)。其實這類錯誤是很容易發現的,特別是像在image標簽中。例如:
view plaincopy to clipboardprint?
5 對齊方式
TYPE為Transitional的文檔中使用對齊標簽align沒有任何問題,但是如果你在更加嚴格的模式Strict下驗證,那么你將會看到一個錯誤提示。align標簽是標簽語言又一個不能使用的標簽。替代他的是在樣式表中使用float或者text-align。
6 JavaScript
明了Strict DOCTYPE,那么你需要把你的JS代碼包含一對可換行CDATA標簽中。這方面很多開發者已經在使用了,比如一些廣告和跟蹤功能的JavaScript代碼需要必須寫在一行里。如果你的頁面中包含JavaScript代碼,只需在其前后加上如下代碼:
view plaincopy to clipboardprint?
[xss_clean]