W3C驗證失敗的10個常見原因

2010-03-25 17:43:43 分(fen)類: 網建(jian)技術(shu) 瀏覽(lan)次數: 1279 作者：派琪(qi) 來源：網站優化公司

W3C validation有時難以操作(zuo)，但用它你(ni)可以查看由版面(mian)設計引起的差錯。驗證(zheng)程序拋出(chu)大量差錯和警告(gao)，說明你(ni)的XHTML尚未完善，可能(neng)無法在(zai)不同瀏(liu)覽器上保持一致功能(neng)。

W3C validation有時(shi)難以操(cao)作，但用它你(ni)(ni)可(ke)以查(cha)看由版面設計引(yin)起(qi)的差(cha)錯。驗證(zheng)程(cheng)序(xu)拋出大量差(cha)錯和警(jing)告，說明你(ni)(ni)的XHTML尚未完善，可(ke)能(neng)無法在(zai)不同瀏覽器上(shang)保(bao)持一致功(gong)能(neng)。下面十個細微的失(shi)效問題(ti)(ti)難住了(le)大批(pi)程(cheng)序(xu)員(yuan)，我們告訴你(ni)(ni)如何解決。在(zai)本文開始(shi)前(qian)介(jie)紹一些使用W3C驗證(zheng)程(cheng)序(xu)時(shi)需要注意的問題(ti)(ti)。

?不(bu)要擔心驗證程序的(de)警(jing)告(gao)(gao)——如果驗證程序說發現12處(chu)錯(cuo)誤以及(ji)83處(chu)警(jing)告(gao)(gao)，不(bu)要理(li)它(ta)，繼續進行(xing)下一步。

?一次更正一個(ge)錯誤——按順序進(jin)展工作，從上到(dao)下，一次修正一個(ge)錯誤。HTML用(yong)瀏覽(lan)器從上到(dao)下瀏覽(lan)，這些錯誤也是按同樣順序顯示。

?每(mei)(mei)次修正(zheng)(zheng)代碼(ma)后要刷新代碼(ma)，使(shi)它們重(zhong)新生效——一個小錯誤(wu)(wu)常常會(hui)引(yin)發之后整頁的連(lian)串(chuan)錯誤(wu)(wu)。因此(ci)如果操作(zuo)不當，“修正(zheng)(zheng)錯誤(wu)(wu)”也可(ke)能引(yin)發更多(duo)錯誤(wu)(wu)。每(mei)(mei)次修正(zheng)(zheng)后使(shi)代碼(ma)重(zhong)新生效，這樣就(jiu)可(ke)以(yi)確保完全解決問題。

?知道了上面這些基本的異常情況，下面我們就(jiu)來看看版面設計無效(xiao)的幾個(ge)原因(yin)。

?div 標簽未關閉

?這是版面設計失效的最常見原因之一。當我們了解到這是多少精致的版塊設計失效的罪魁禍首時，總會大吃一驚。開啟的div標簽是最普遍的版塊設計失誤之一，也是最難診斷的失誤之一。驗證程序有時會指向錯誤的開啟div標簽，網站建設好之后診斷時就像大海撈針一樣麻煩。

?麻煩的embed標簽 ?九十年代(dai)早期，Microsoft和Netscape的瀏覽器開始能(neng)夠辨認非標準的獨有字(zi)體。遺憾的是(shi)這意(yi)味著W3C驗證程(cheng)序(xu)還不能(neng)識別某些關鍵HTML 標簽(qian)，如“embed”，即使這些標簽(qian)已經被(bei)廣泛使用(yong)。如果確實希望(wang)得到嚴(yan)格的DOCTYPE（文檔(dang)類型）驗證，就只能(neng)放棄嵌套。

如(ru)果同(tong)時想要(yao)生(sheng)效的版(ban)面設(she)計(ji)和嵌入式(shi)媒體(ti)，可以試(shi)試(shi)Flash Satay方法。

?不當的DOCTYPE聲明

?不(bu)聲(sheng)(sheng)明DOCTYPE，或者在文件開始錯(cuo)誤聲(sheng)(sheng)明DOCTYPE，也是(shi)一(yi)個常見(jian)錯(cuo)誤。根(gen)據一(yi)般經驗(yan)，Strict DOCTYPE是(shi)大家(jia)追求的(de)最(zui)高級(ji)驗(yan)證。Strict validation表明你的(de)網頁能(neng)夠(gou)在所有(you)瀏覽器(qi)上都得(de)到最(zui)佳展(zhan)示。Strict 聲(sheng)(sheng)明代碼如下：

?結尾斜線

?如果(guo)你的網站不能驗證，很有(you)可能是(shi)在代碼的某個地方漏寫了結(jie)尾斜線。我們很容易(yi)忽(hu)略(lve)結(jie)尾斜線之(zhi)類的東西，特別(bie)是(shi)在image標簽等元素中(zhong)。例(li)如：

在嚴格(ge)的DOCTYPE中(zhong)這(zhe)是無(wu)效(xiao)的。要在img標(biao)簽結尾處加(jia)上“/”以解決(jue)此(ci)問題(ti)。

??Align標簽

?如(ru)(ru)果DOCTYPE被設為Transitional，你就會使用(yong)“align”標簽(qian)，但(dan)如(ru)(ru)果要求更高一點(dian)希望(wang)得到(dao)Strict驗證，你會看到(dao)很多錯誤。 Align是另一個(ge)不可(ke)用(yong)于版面設計的標簽(qian)。可(ke)以嘗試用(yong)“float”或者“text-align”來代(dai)替align轉換元素(su)。

?JavaScript

?如果已經聲明(ming)Strict DOCTYPE，就需要在(zai)JavaScript中覆蓋CDATA標簽(qian)。驗證程(cheng)序(xu)的(de)這一方面難倒了很多程(cheng)序(xu)員(yuan)，因(yin)為網站傾向于(yu)為廣(guang)告和追蹤腳本(ben)使用(yong)嵌入(ru)的(de) JavaScript。如果必須用(yong)到JavaScript，可以在(zai)其前后加(jia)上(shang)如下標簽(qian)：

?圖像需要“alt”屬性

?你可能還沒(mei)有(you)注意到，圖(tu)(tu)像也是高級驗(yan)證的(de)潛在(zai)絆腳石。除了結尾(wei)斜線，高級驗(yan)證也要求(qiu)用alt標簽來描述圖(tu)(tu)像，如(ru)alt= ”Scary vampire picture”.

搜(sou)索引(yin)擎(qing)也(ye)靠alt標簽來識別網頁上(shang)的圖像，所以無論怎樣(yang)加(jia)上(shang)alt標簽總(zong)是好的。

?未知實體數據

?實體(ti)數據是又一個影響驗證的易犯錯誤。我們可以考慮用適當的編(bian)碼字(zi)(zi)符來代(dai)替“&”等符號(hao)。entire list中列出在(zai)XHTML版塊設(she)計中可用的適當的編(bian)碼字(zi)(zi)符實體(ti)數據。

?不良嵌套

?嵌套就是(shi)元素(su)里又包(bao)括元素(su)，如下所示：

?Sweet!

?我們容易混淆嵌套元(yuan)素(su)的(de)(de)順序(xu)。例(li)如在div標簽前啟動(dong)strong標簽，但(dan)(dan)又(you)先關(guan)閉div標簽。這可能不會改變(bian)版塊布局，但(dan)(dan)卻(que)會使(shi)你的(de)(de)版塊設(she)計失效。

?缺少“title”標簽

?盡(jin)管(guan)這(zhe)看上去(qu)是(shi)一個很明顯(xian)的(de)錯誤(wu)，很多程序員(yuan)（包(bao)括(kuo)我(wo)自(zi)己(ji)(ji)）還是(shi)經常會在“head”版(ban)塊中遺漏(lou)title標(biao)簽。當你看到“missing a required sub-element of HEAD”（缺少HEAD的(de)必要(yao)子元素）時，才會發現自(zi)己(ji)(ji)忘記添(tian)加title標(biao)簽了。

未經允許不得轉載：派琪-PAIKY