網(wǎng)頁(yè)W3C驗(yàn)證失敗的10個(gè)常見(jiàn)原因

W3C validation有時(shí)難以操作，但用它你能夠檢查由版面規(guī)劃引起的差錯(cuò)。驗(yàn)證程序拋出許多差錯(cuò)和正告，說(shuō)明你的XHTML沒(méi)有完善，可能無(wú)法在不同瀏覽器上保持一致功用。下面十個(gè)纖細(xì)的失效問(wèn)題難住了大批程序員，咱們告知你怎么處理。在本文開(kāi)端前介紹一些運(yùn)用W3C驗(yàn)證程序時(shí)需要注意的問(wèn)題。

 

　　不要憂慮驗(yàn)證程序的正告——假如驗(yàn)證程序說(shuō)發(fā)現(xiàn)12處過(guò)錯(cuò)以及83處正告，不要理它，繼續(xù)進(jìn)行下一步。

 

　　一次更正一個(gè)過(guò)錯(cuò)——按次序發(fā)展工作，從上到下，一次批改一個(gè)過(guò)錯(cuò)。HTML用瀏覽器從上到下瀏覽，這些過(guò)錯(cuò)也是按相同次序顯示。

 

　　每次批改代碼后要改寫代碼，使它們從頭收效——一個(gè)小過(guò)錯(cuò)常常會(huì)引發(fā)之后整頁(yè)的連串過(guò)錯(cuò)。因此假如操作不妥，“批改過(guò)錯(cuò)”也可能引發(fā)更多過(guò)錯(cuò)。每次批改后使代碼從頭收效，這樣就能夠確保徹底處理問(wèn)題。

 

知道了上面這些根本的異常情況，下面咱們就來(lái)看看版面規(guī)劃無(wú)效的幾個(gè)原因。

 

div 標(biāo)簽未關(guān)閉

這是版面規(guī)劃失效的常見(jiàn)原因之一。當(dāng)咱們了解到這是多少精美的版塊規(guī)劃失效的元兇巨惡時(shí)，總會(huì)大吃一驚。敞開(kāi)的div標(biāo)簽是遍及的版塊規(guī)劃失誤之一，也是難診斷的失誤之一。驗(yàn)證程序有時(shí)會(huì)指向過(guò)錯(cuò)的敞開(kāi)div標(biāo)簽，診斷時(shí)就像難如登天一樣費(fèi)事。

費(fèi)事的embed標(biāo)簽

九十年代前期，Microsoft和Netscape的瀏覽器開(kāi)端能夠辨認(rèn)非標(biāo)準(zhǔn)的獨(dú)有字體。惋惜的是這意味著W3C驗(yàn)證程序還不能辨認(rèn)某些關(guān)鍵HTML 標(biāo)簽，如“embed”，即使這些標(biāo)簽已經(jīng)被廣泛運(yùn)用。假如的確期望得到嚴(yán)厲的DOCTYPE（文檔類型）驗(yàn)證，就只能拋棄嵌套。

假如一起想要收效的版面規(guī)劃和嵌入式媒體，能夠試試Flash Satay辦法。

 

不妥的DOCTYPE聲明

不聲明DOCTYPE，或許在文件開(kāi)端過(guò)錯(cuò)聲明DOCTYPE，也是一個(gè)常見(jiàn)過(guò)錯(cuò)。根據(jù)一般經(jīng)驗(yàn)，Strict DOCTYPE是咱們追求的第一流驗(yàn)證。Strict validation標(biāo)明你的網(wǎng)頁(yè)能夠在所有瀏覽器上都得到佳展示。Strict 聲明代碼如下：

 

 

結(jié)束斜線

假如你的網(wǎng)站不能驗(yàn)證，很有可能是在代碼的某個(gè)當(dāng)?shù)芈�寫了結(jié)束斜線。咱們很容易疏忽結(jié)束斜線之類的東西，特別是在image標(biāo)簽等元素中。例如：

在嚴(yán)厲的DOCTYPE中這是無(wú)效的。要在img標(biāo)簽結(jié)束處加上“/”以處理此問(wèn)題。

 

 

Align標(biāo)簽

假如DOCTYPE被設(shè)為Transitional，你就會(huì)運(yùn)用“align”標(biāo)簽，但假如要求更高一點(diǎn)期望得到Strict驗(yàn)證，你會(huì)看到許多過(guò)錯(cuò)。 Align是另一個(gè)不可用于版面規(guī)劃的標(biāo)簽。能夠嘗試用“float”或許“text-align”來(lái)替代align轉(zhuǎn)換元素。

JavaScript

假如已經(jīng)聲明Strict DOCTYPE，就需要在JavaScript中掩蓋CDATA標(biāo)簽。驗(yàn)證程序的這一方面難倒了許多程序員，由于網(wǎng)站傾向于為廣告和追蹤腳本運(yùn)用嵌入的 JavaScript。假如必須用到JavaScript，能夠在其前后加上如下標(biāo)簽：

 

圖畫需要“alt”特點(diǎn)

你可能還沒(méi)有注意到，圖畫也是高檔驗(yàn)證的潛在攔路虎。除了結(jié)束斜線，高檔驗(yàn)證也要求用alt標(biāo)簽來(lái)描繪圖畫，如alt= ”Scary vampire picture”.

搜索引擎也靠alt標(biāo)簽來(lái)辨認(rèn)網(wǎng)頁(yè)上的圖畫，所以無(wú)論怎樣加上alt標(biāo)簽總是好的。

不知道實(shí)體數(shù)據(jù)

實(shí)體數(shù)據(jù)是又一個(gè)影響驗(yàn)證的易犯過(guò)錯(cuò)。咱們能夠考慮用恰當(dāng)?shù)木幋a字符來(lái)替代“&”等符號(hào)。entire list中列出在XHTML版塊規(guī)劃中可用的恰當(dāng)?shù)木幋a字符實(shí)體數(shù)據(jù)。

不良嵌套

嵌套就是元素里又包括元素，如下所示：

 

 

咱們?nèi)菀谆祀s嵌套元素的次序。例如在div標(biāo)簽前啟動(dòng)strong標(biāo)簽，但又先關(guān)閉div標(biāo)簽。這可能不會(huì)改動(dòng)版塊布局，但卻會(huì)使你的版塊規(guī)劃失效。

缺少“title”標(biāo)簽

盡管這看上去是一個(gè)很明顯的過(guò)錯(cuò)，許多程序員（包括我自己）還是經(jīng)常會(huì)在“head”版塊中遺漏title標(biāo)簽。當(dāng)你看到“missing a required sub-element of HEAD”（缺少HEAD的必要子元素）時(shí)，才會(huì)發(fā)現(xiàn)自己忘記增加title標(biāo)簽了。在解決驗(yàn)證問(wèn)題時(shí)，需要仔細(xì)檢查代碼并參考 W3C 的相關(guān)規(guī)范和文檔。