網頁W3C驗證失敗的(Of)10個(Indivual)常見原因-瑞昌天啓雲網絡科技有限公司

網頁W3C驗證失敗的(Of)10個(Indivual)常見原因

2010-09-03

875

嘉興科技提供中高端網站制作(Do)服務

W3C validation有時(Hour)難以(By)操作(Do)，但用(Use)它你可以(By)查看由版面設計引起的(Of)差錯。驗證程序抛出(Out)大(Big)量差錯和(And)警告，說明你的(Of)XHTML尚未完善，可能無法在(Exist)不(No)同浏覽器上(Superior)保持一(One)緻功能。下面十個(Indivual)細微的(Of)失效問題難住了(Got it)大(Big)批程序員，我(I)們告訴你如何解決。在(Exist)本文開始前介紹一(One)些使用(Use)W3C驗證程序時(Hour)需要(Want)注意的(Of)問題。

　　不(No)要(Want)擔心驗證程序的(Of)警告——如果驗證程序說發現12處錯誤以(By)及83處警告，不(No)要(Want)理它，繼續進行下一(One)步。

　　一(One)次更正一(One)個(Indivual)錯誤——按順序進展工作(Do)，從上(Superior)到下，一(One)次修正一(One)個(Indivual)錯誤。HTML用(Use)浏覽器從上(Superior)到下浏覽，這(This)些錯誤也是(Yes)按同樣順序顯示。

　　每次修正代碼後要(Want)刷新代碼，使它們重新生效——一(One)個(Indivual)小錯誤常常會引發之後整頁的(Of)連串錯誤。因此如果操作(Do)不(No)當，“修正錯誤”也可能引發更多錯誤。每次修正後使代碼重新生效，這(This)樣就可以(By)确保完全解決問題。

知道了(Got it)上(Superior)面這(This)些基本的(Of)異常情況，下面我(I)們就來(Come)看看版面設計無效的(Of)幾個(Indivual)原因。

div 标簽未關閉

這(This)是(Yes)版面設計失效的(Of)最常見原因之一(One)。當我(I)們了(Got it)解到這(This)是(Yes)多少精緻的(Of)版塊設計失效的(Of)罪魁禍首時(Hour)，總會大(Big)吃一(One)驚。開啓的(Of)div标簽是(Yes)最普遍的(Of)版塊設計失誤之一(One)，也是(Yes)最難診斷的(Of)失誤之一(One)。驗證程序有時(Hour)會指向錯誤的(Of)開啓div标簽，診斷時(Hour)就像大(Big)海撈針一(One)樣麻煩。

麻煩的(Of)embed标簽

九十年代早期，Microsoft和(And)Netscape的(Of)浏覽器開始能夠辨認非标準的(Of)獨有字體。遺憾的(Of)是(Yes)這(This)意味着W3C驗證程序還不(No)能識别某些關鍵HTML 标簽，如“embed”，即使這(This)些标簽已經被廣泛使用(Use)。如果确實希望得到嚴格的(Of)DOCTYPE（文檔類型）驗證，就隻能放棄嵌套。

如果同時(Hour)想要(Want)生效的(Of)版面設計和(And)嵌入式媒體，可以(By)試試Flash Satay方法。

不(No)當的(Of)DOCTYPE聲明

不(No)聲明DOCTYPE，或者在(Exist)文件開始錯誤聲明DOCTYPE，也是(Yes)一(One)個(Indivual)常見錯誤。根據一(One)般經驗，Strict DOCTYPE是(Yes)大(Big)家追求的(Of)最高級驗證。Strict validation表明你的(Of)網頁能夠在(Exist)所有浏覽器上(Superior)都得到最佳展示。Strict 聲明代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

結尾斜線

如果你的(Of)網站不(No)能驗證，很有可能是(Yes)在(Exist)代碼的(Of)某個(Indivual)地方漏寫了(Got it)結尾斜線。我(I)們很容易忽略結尾斜線之類的(Of)東西，特别是(Yes)在(Exist)image标簽等元素中。例如：

在(Exist)嚴格的(Of)DOCTYPE中這(This)是(Yes)無效的(Of)。要(Want)在(Exist)img标簽結尾處加上(Superior)“/”以(By)解決此問題。

Align标簽

如果DOCTYPE被設爲(For)Transitional，你就會使用(Use)“align”标簽，但如果要(Want)求更高一(One)點希望得到Strict驗證，你會看到很多錯誤。 Align是(Yes)另一(One)個(Indivual)不(No)可用(Use)于(At)版面設計的(Of)标簽。可以(By)嘗試用(Use)“float”或者“text-align”來(Come)代替align轉換元素。

JavaScript

如果已經聲明Strict DOCTYPE，就需要(Want)在(Exist)JavaScript中覆蓋CDATA标簽。驗證程序的(Of)這(This)一(One)方面難倒了(Got it)很多程序員，因爲(For)網站傾向于(At)爲(For)廣告和(And)追蹤腳本使用(Use)嵌入的(Of) JavaScript。如果必須用(Use)到JavaScript，可以(By)在(Exist)其前後加上(Superior)如下标簽：

/* <![CDATA[ */

// JavaScript here

};

/* ]]> */

</script>

圖像需要(Want)“alt”屬性

你可能還沒有注意到，圖像也是(Yes)高級驗證的(Of)潛在(Exist)絆腳石。除了(Got it)結尾斜線，高級驗證也要(Want)求用(Use)alt标簽來(Come)描述圖像，如alt= ”Scary vampire picture”.

搜索引擎也靠alt标簽來(Come)識别網頁上(Superior)的(Of)圖像，所以(By)無論怎樣加上(Superior)alt标簽總是(Yes)好的(Of)。

未知實體數據

實體數據是(Yes)又一(One)個(Indivual)影響驗證的(Of)易犯錯誤。我(I)們可以(By)考慮用(Use)适當的(Of)編碼字符來(Come)代替“&”等符号。entire list中列出(Out)在(Exist)XHTML版塊設計中可用(Use)的(Of)适當的(Of)編碼字符實體數據。

不(No)良嵌套

嵌套就是(Yes)元素裏又包括元素，如下所示：

<div><strong>Sweet!</strong></div>

我(I)們容易混淆嵌套元素的(Of)順序。例如在(Exist)div标簽前啓動strong标簽，但又先關閉div标簽。這(This)可能不(No)會改變版塊布局，但卻會使你的(Of)版塊設計失效。

缺少“title”标簽

盡管這(This)看上(Superior)去是(Yes)一(One)個(Indivual)很明顯的(Of)錯誤，很多程序員（包括我(I)自己）還是(Yes)經常會在(Exist)“head”版塊中遺漏title标簽。當你看到“missing a required sub-element of HEAD”（缺少HEAD的(Of)必要(Want)子元素）時(Hour)，才會發現自己忘記添加title标簽了(Got it)。

嘉興雷鳥是(Yes)一(One)家集企業軟件開發，WEB網站建設，移動APP制作(Do)等綜合型的(Of)互聯網公司，爲(For)嘉興顧客提供一(One)站式的(Of)企業軟件開發，安卓app開發，ios開發服務，同時(Hour)爲(For)嘉興企業提供全面移動互聯軟件技術解決方案，是(Yes)嘉興知名的(Of)綜合型APP軟件外包開發公司。根據前期調研方案和(And)客戶實際需求，以(By)專業獨到的(Of)設計理念、精益求精的(Of)技術精神、嚴格完善的(Of)品控系統，爲(For)嘉興每一(One)位客戶提供專屬的(Of)移動互聯軟件技術解決方案。經過不(No)斷積累，嘉興雷鳥陸續推出(Out)視頻直播APP、電商商城APP、P2P網貸APP、智能硬件APP開發、移動APP開發、微信公衆平台開發、一(One)元購APP、智慧社區服務APP、生活服務O2O系統APP等各類APP産品，爲(For)嘉興各行企業向移動互聯網轉型奠定了(Got it)堅實基礎。在(Exist)激烈的(Of)市場競争中，嘉興雷鳥創造了(Got it)嘉興軟件定制開發行業的(Of)卓越口碑，是(Yes)具有更高品質的(Of)移動互聯網軟件技術定制服務商。

上(Superior)一(One)篇:優秀網站的(Of)五大(Big)要(Want)素!

下一(One)篇:大(Big)型網站網頁設計越簡單越好

聲明：文章來(Come)源于(At)互聯網！

企業名稱：瑞昌天啓雲網絡科技有限公司

聯系電話：13396739763 13136206268 （節假日均可撥打）

售前咨詢QQ：