W3C網站(zhàn)建設驗證常見(jiàn)的(dβδ× e)十點注意事(shì)項

來(lái)源：徐州億網網絡科(kē)技(jì)有(yǒu)限公司 時(shí)間(jiān)：γ★÷2012-03-29 作(zuò)者：

　　懂(dǒng)點網頁設計(jì)的(de)朋(péng₹©✔•)友(yǒu)都(dōu)應該知(zhī)道(dào)，W3C≥¥♣是(shì)萬維網聯盟。W3C組織是(shì)對(duì)網絡标準制(zhì) →定的(de)一(yī)個(gè)非赢利組織，像HTML、XHTML、CSS、XML的(de)标σ'準就(jiù)是(shì)由W3C來(lái)定制↔''(zhì)。用(yòng)它可(kě)以查看(kàn)由版面設計(jì)引起的(d♥σλ≤e)差錯(cuò)，驗證程序抛出大(dà)量差錯(>€↓cuò)和(hé)警告，說(shuō)明(míng)你(nǐ γ©)的(de)XHTML尚未完善，可(kě)能(néng)無法在不(bù)同浏覽器(↕±ε®qì)上(shàng)保持一(yī)緻功能(néng)。在這‍&₹☆(zhè)裡(lǐ)徐州網絡公司就(jiù)跟大(dà)家(jiā)談談在W3C驗證中✘$£，常見(jiàn)的(de)十點需要(yào)注意的(de)問(wèn)題。

　　第一(yī)點、div 标簽未關閉

　這(zhè)是(shì)版面設計(jì)失效的(de)最常見(jiàn&•÷→)原因之一(yī)。當我們了(le)解到(dào)這(zhè)是(shì)多(duō)​‍♠少(shǎo)精緻的(de)版塊設計(jì)≈ε♦↓失效的(de)罪魁禍首時(shí)，總會(huì)大(dà←♦∞)吃(chī)一(yī)驚。調查顯示，開(kāi)啓的(de)div标簽是(shì)最 ↓普遍的(de)版塊設計(jì)失誤之一(yī)，也(yě)是(shì)最難診斷的(de&≠)失誤之一(yī)。驗證程序有(yǒu)時(shí)會(huπ★§♥ì)指向錯(cuò)誤的(de)開(kāi)啓div标簽，診斷時(shí)就(j‌≈iù)像大(dà)海(hǎi)撈針一(yī)樣麻煩。

　　第二點、麻煩的(de)embed标簽

　　九十年(nián)代早期，Micro±φ✔δsoft和(hé)Netscape的(de)浏覽器(qì)開(kā &εi)始能(néng)夠辨認非标準的(de)獨有(yǒu)字&☆體(tǐ)。遺憾的(de)是(shì)這(zhè)意味著(zhe)W3C驗證程序還(háiπφ↕≥)不(bù)能(néng)識别某些(xiē)關 鍵HTML 标簽，如(rú)&ldqu™​"¥o;embed”，即使這(zhè)些(xiē)标簽已經被廣泛使用(yòng₽&)。如(rú)果确實希望得(de)到(dào)∞≥嚴格的(de)DOCTYPE（文(wén)₩λ<→檔類型）驗證，就(jiù)隻能(néng)放(fàng)棄嵌套€"。

　　第三點、不(bù)當的(de)DOCTYPE聲明(míng)

　　不(bù)聲明(míng)DOCTYPE，或π$者在文(wén)件(jiàn)開(kāi)始錯(cuò)誤聲明(mí✔★ πng)DOCTYPE，也(yě)是(shì)一(yī)個(π₽↔gè)常見(jiàn)錯(cuò)誤。根據一(yī)般經驗&↓‍↔，Strict DOCTYPE是(shì)大(dà)家(jiā)追求§≥&π的(de)最高(gāo)級驗證。Stric≥→t validation表明(míng)你(£ γ≈nǐ)的(de)網頁能(néng)夠在所有(y׶↑ǒu)浏覽器(qì)上(shàng)都(dōu)得(de₽σ)到(dào)最佳展示。Strict 聲明(míng)代碼如(rú)下(xià)：

　　第四點、結尾斜線

　　如(rú)果你(nǐ)的(de)網站(zhàn)不(bù)能(néng)驗證，很(hěn)有₽€(yǒu)可(kě)能(néng)是(shì)在代碼的(de)某>↔個(gè)地(dì)方漏寫了(le)結尾斜線。我們ε≠Ωπ很(hěn)容易忽略結尾斜線之類的(de)東(dōng)西(xī)，特别是(shì)  π×在image标簽等元素中。例如(rú)：

　　在嚴格的(de)DOCTYPE中這(zhè)是(shì)無效的(de)。要(yào)在imβ≠ ™g标簽結尾處加上(shàng)&ldqu↓γo;/”以解決此問(wèn)題。

　　第五點、Align标簽

　　如(rú)果DOCTYPE被設為(wèi)Tra®™nsitional，你(nǐ)就(jiù)會(huì)使∑€≥∑用(yòng)“align”标簽，但(dàn)如(rú)果要(yà<∏o)求更高(gāo)一(yī)點希望得(de)到(dào)S←>•<trict驗證，你(nǐ)會(huì)看(kàn)到(dào)很(hěn> ↕) 多(duō)錯(cuò)誤。 Align是(shì)另一(yī)個(gè)不(bù)'&可(kě)用(yòng)于版面設計(jì)的(de)标簽。可(kě)以♠'×嘗試用(yòng)“float”或者“te→∏★∞xt-align”來(lái)代替ali↔¥gn轉換元素。

　　第六點、JavaScript

　　如(rú)果已經聲明(míng)Strict DOCTYPE，λ™∑就(jiù)需要(yào)在JavaScript中覆蓋CDATA标簽。驗證程↔≠π序的(de)這(zhè)一(yī)方面難倒了±×≠≈(le)很(hěn)多(duō)程序員(yuán)，因為(>★wèi)網站(zhàn)傾向于為(wèi)廣告和(hé♠↑‍)追蹤腳本使用(yòng)嵌入的(de)→π JavaScript。如(rú)果必須用(yòng)到(dào↕​‌£)JavaScript，可(kě)以在其前後加上(shàng)如(rú)下✘☆(xià)标簽：

　　第七點、圖像需要(yào)“alt&rdquo♥φ↑;屬性

　　你(nǐ)可(kě)能(néng)還(hái'βλ)沒有(yǒu)注意到(dào)，圖像也(yě)是(shì)高(gāo)級驗證'™的(de)潛在絆腳石。除了(le)結尾斜線，高(gāo)級驗證也(yě)要(yào)求用(y§Ω∞÷òng)alt标簽來(lái)描述圖像，如(rú)alt= ”Scary vamp>'₩↑ire picture”。

　　搜索引擎也(yě)靠alt标簽來(lái ±©™)識别網頁上(shàng)的(de)圖像，所以無論怎樣加上(shàng←®&≥)alt标簽總是(shì)好(hǎo)的(de)。

　　第八點、未知(zhī)實體(tǐ)數(shù)據

　　實體(tǐ)數(shù)據是(shì)又(yòu)一(yī)個(gè↑')影(yǐng)響驗證的(de)易犯錯(cuò)誤。我們可(k¶≠ě)以考慮用(yòng)适當的(de)編碼字符來(lái)代替“&&rdq<₹uo;等符号。entire list中列出在XHTML版塊設計(j≤☆δì)中可(kě)用(yòng)的(de)适當的(de)<£編碼字符實體(tǐ)數(shù)據。

　　第九點、不(bù)良嵌套

　　我們容易混淆嵌套元素的(de)順序。例如(rú)在div ∑​标簽前啓動strong标簽，但(dàn)又(yòu)先關™$↕閉div标簽。這(zhè)可(kě)能(néng)不(bù)會(huì)改變版塊布局，λ₽&但(dàn)卻會(huì)使你(nǐ)的♣←&(de)版塊設計(jì)失效。

　　第十點、缺少(shǎo)“title&rdquo↔>¥↕;标簽

　　盡管這(zhè)看(kàn)上(shàng)去(qù)是(shì)一(yī)個(gφ€£è)很(hěn)明(míng)顯的(de)錯(cuò)誤，很(hěn)多(≤ duō)程序員(yuán)（包括我自(zì)己）還(hái)是(shì)經常 €<β會(huì)在“head”版塊中遺漏title标簽。當你©γ≤γ(nǐ)看(kàn)到(dào)“mis"ε•sing a required sub-element of HEφ≥≥☆AD”（缺少(shǎo)HEAD的(de)必要(yào)子(z¥✘ǐ)元素）時(shí)，才會(huì)發現(xiàn)自(zì)己忘記添加title标簽了& ™(le)。

　　以上(shàng)由徐州億網（http://www.exz.cn）提供！新簽優化(huà)單：徐州貨架、徐州調查

• 上(shàng)一(yī)篇: 徐州億網設計(jì)師(shī)分(fēn)享♦♠網站(zhàn)建設五點觀點
• 下(xià)一(yī)篇: 徐州億網淺談五類常∞ελ見(jiàn)的(de)網頁布局