1.20日(rì)音(yīn)訊,網頁無效的(de)十™☆大(dà)因素探討(tǎo)。W3Cvalidation有(±↕→Ωyǒu)時(shí)難以操作(zuò)，但(dàn← →)用(yòng)它你(nǐ)可(kě)以查看(kàn)由版面§€設計(jì)引起的(de)差錯(cuò)。驗證程∞ 序抛出大(dà)量差錯(cuò)和(hé)警告，說(sh♦uō)明(míng)你(nǐ)的(de)XHTML尚未完善，πΩ可(kě)能(néng)無法在不(bù)同浏覽±ε↓器(qì)上(shàng)保持一(yī)緻功能(néng)。♠→&¥下(xià)面十個(gè)細微(wēi)的(de)失效問(wèn)題難住®♠εΩ了(le)大(dà)批程序員(yuán)γ©± ，本文(wén)就(jiù)告訴你(nǐ)如(rú)何解決。在本文(wé♣↕↔ n)開(kāi)始前介紹一(yī)些(xiē)使用(yòng)W3C驗證程∞σ♦©序時(shí)需要(yào)注意的(de)問(wèn)題。
1、不(bù)要(yào)擔心驗證程序的♥&±(de)警告：如(rú)果驗證程序說(shuō) ✔↕發現(xiàn)12處錯(cuò)誤以及83處警告，≈§不(bù)要(yào)理(lǐ)它，繼續進行(xíng)下("εγxià)一(yī)步。
2、一(yī)次更正一(yī)個(gè)錯(cuò)誤：按↕σ ↕順序進展工(gōng)作(zuò)，從(cóng)上(shàng)到(π<dào)下(xià)，一(yī)次修正一(yī)個(gè)錯(cuò)誤。H'←TML用(yòng)浏覽器(qì)從(cóng)上(s↕hàng)到(dào)下(xià)浏覽，這(zhè)些(xiē)錯(cuò&♠↔)誤也(yě)是(shì)按同樣順序顯示。
3、每次修正代碼後要(yào)刷新代碼，使它們重β₩®δ新生(shēng)效：一(yī)個(gè)小(x≥∞↕iǎo)錯(cuò)誤常常會(huì)引發之後整頁 ≤的(de)連串錯(cuò)誤。因此如(rú)果操作(zuò)不(bù)當，&l"↔dquo;修正錯(cuò)誤”也(yě)可 ★(kě)能(néng)引發更多(duō)錯(cuò)誤。每次修正後使代εε✘碼重新生(shēng)效，這(zhè)樣↔≠就(jiù)可(kě)以确保完全解決問(Ω♠>wèn)題。
知(zhī)道(dào)了(le)上(shàng)面這(zhèα↑)些(xiē)基本的(de)異常情況，下(xià)面我們就(↕δjiù)來(lái)看(kàn)看(kàn)版面設計(jì£δ)無效的(de)幾個(gè)原因。
一(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í)就(jiù)像£大(dà)海(hǎi)撈針一(yī)樣麻煩。
二、麻煩的(de)embed标簽
九十年(nián)代早期，Microsoft和(héεαπ)Netscape的(de)浏覽器(qì)開(kāi)始能(néng)夠辨≤ ←認非标準的(de)獨有(yǒu)字體(tǐ)。遺憾的♥✘ (de)是(shì)這(zhè)意味著(zπ©he)W3C驗證程序還(hái)不(bù)能(néng)識别某些(xi£≥ē)關鍵HTML标簽，如(rú)“em×σαbed”，即使這(zhè)些€₩(xiē)标簽已經被廣泛使用(yòng)。如(rú)果∏ ≈♦确實希望得(de)到(dào)嚴格的(de)DOCTYPE(文(wé<←n)檔類型)驗證，就(jiù)隻能(néng$§)放(fàng)棄嵌套。
如(rú)果同時(shí)想要(yào)生(shēng)♦∞效的(de)版面設計(jì)和(hé)嵌入式媒'®♣體(tǐ)，可(kě)以試試FlashSatay方法。
三、不(bù)當的(de)DOCT>α≤YPE聲明(míng)
不(bù)聲明(míng)DOCTYPE，或<$♣者在文(wén)件(jiàn)開(kāi)始錯(cuò)誤聲明©↕(míng)DOCTYPE，也(yě)是(shì)一(yī)個(gèδ₩•€)常見(jiàn)錯(cuò)誤。根據一(yī)般經§α®驗，StrictDOCTYPE是(shì)大(dà)家(jiā)追求的Ω→(de)最高(gāo)級驗證。Strictvalidati&♣on表明(míng)你(nǐ)的(de)網頁能(nén€γ≠g)夠在所有(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)在img标簽結尾處加上(sh$♣àng)“/”以解決此問(wèn)題。
五、Align标簽
如(rú)果DOCTYPE被設為(wèi)Trans×™ itional，你(nǐ)就(jiù)會§¥α•(huì)使用(yòng)“align&r'&dquo;标簽，但(dàn)如(rú)果要(yào)←↔&求更高(gāo)一(yī)點希望得(de)到(dào)Strict驗證，•&'你(nǐ)會(huì)看(kàn)到(dào)很(☆✔®₽hěn)多(duō)錯(cuò)誤。Align是(sh¶σ ì)另一(yī)個(gè)不(bù)可(kě)用(yòng) α→φ于版面設計(jì)的(de)标簽。可(kě≤β )以嘗試用(yòng)“fl₩∏βoat”或者“text-align&rdquoφ¶;來(lái)代替align轉換元素。
六、JavaScript
如(rú)果已經聲明(míng)StrictDOCTYPE，就(jiù)&需要(yào)在JavaScript中覆蓋CDAπαTA标簽。驗證程序的(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)&ldquoΩ;alt”屬性
你(nǐ)可(kě)能(néng)還(hái)沒有(yǒuπ€β)注意到(dào)，圖像也(yě)是(sε☆hì)高(gāo)級驗證的(de)潛在絆腳石。除了(le)結尾斜¥$£§線，高(gāo)級驗證也(yě)要(yào)求用(♠↕★yòng)alt标簽來(lái)描述圖像，如(rú)alt=&πβ∏αrdquo;Scaryvampirepicture”。
搜索引擎也(yě)靠alt标簽來(lái)識别網頁上(shàng)的(dλ↓e)圖像，所以無論怎樣加上(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)代替“&”等符号。entirelδ©γ&ist中列出在XHTML版塊設計(jì)中可(k≤™ě)用(yòng)的(de)适當的(de)編碼字符實體(tǐ)數(shù)據。 ε←β
九、不(bù)良嵌套
嵌套就(jiù)是(shì)元素裡(lǐ)又(¥"yòu)包括元素，如(rú)下(xià)所示：
我們容易混淆嵌套元素的(de)順序。例如(rú)在di< ☆v标簽前啓動strong标簽，但(dàn)¥≠α又(yòu)先關閉div标簽。這(zhè)可(kě)能(néng)不♣↔↔≈(bù)會(huì)改變版塊布局，但(dàn)卻會(huì)使你(nǐ←±)的(de)版塊設計(jì)失效。
十、缺少(shǎo)“title”标簽
盡管這(zhè)看(kàn)上(shàng)去(qù)是(sh&☆ì)一(yī)個(gè)很(hěn)明(mín'♦g)顯的(de)錯(cuò)誤，很(hěn)多(duō)程序員(yuán )(包括我自(zì)己)還(hái)是(shì)經常會(huì)在&l≈'dquo;head”版塊中遺漏title标簽。當你(nǐ)看(kà♠εn)到(dào)“missingarequir≈'edsub-elementofHEAD”(缺少(shǎ✔φo)HEAD的(de)必要(yào)子(zǐ)元素)時÷ (shí)，才會(huì)發現(xiàn)自(zì)己™忘記添加title标簽了(le)。
