4.11日(rì)音(yīn)訊，闡述10種CSS在網站(zhàn ↓)建設中無效的(de)現(xiàn)象，在學習(xí)DivCSS網頁布≥γ₽≠局的(de)知(zhī)識，可(kě)是(shì)W3Cvalidatiδβon有(yǒu)時(shí)難以操作(zuò)，但(dàn)用(<"§®yòng)它你(nǐ)可(kě)以查看(kàn)由版面設計(jìε±₹&)引起的(de)差錯(cuò)。驗證程序抛出大(dà)量差錯(cuò)Ωφ↕®和(hé)警告，說(shuō)明(míng)你(nǐ)的(de)Xπ×↑φHTML尚未完善，可(kě)能(néng)無法 ©φ≠在不(bù)同浏覽器(qì)上(shàng)保持一($σyī)緻功能(néng)。下(xià)面十個(gè)細±↔✔¶微(wēi)的(de)失效問(wèn)題難住了(le)大(dà)批程序Ωφ員(yuán)，現(xiàn)在
邯鄲網站(zhàn)建設首創網絡小(xiǎo)編就(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ò)誤。HTML用≤σ(yòng)浏覽器(qì)從(cóng)上(s§≥→≥hàng)到(dào)下(xià)浏覽，這(zhè)些(xi→βē)錯(cuò)誤也(yě)是(shì)按同樣順序顯示。
3、每次修正代碼後要(yào)刷新代碼，使它們重新生(shēng)§Ω效：一(yī)個(gè)小(xiǎo)錯 ♠(cuò)誤常常會(huì)引發之後整頁的(dΩ¶£§e)連串錯(cuò)誤。因此如(rú)果操作(z≤≤✘uò)不(bù)當，“修正錯↕∞(cuò)誤”也(yě)可(kě)能(φβ♣♥néng)引發更多(duō)錯(cuò)誤。每次修正後使代碼重新生(s♦©βhē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è)是(sγ≈™hì)多(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)代早期，Microsof'γt和(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ú)“embed&rdquo>α;，即使這(zhè)些(xiē)标簽已經被廣泛使用(yòng£→ε)。如(rú)果确實希望得(de)到(dà©₩↑o)嚴格的(de)DOCTYPE(文(wén)檔類型)驗證，就(jiù♠→≤)隻能(néng)放(fàng)棄嵌套。
如(rú)果同時(shí)想要(yào)生(sβ≥£>hēng)效的(de)版面設計(jì)和(β™©hé)嵌入式媒體(tǐ)，可(kě)以試試Fla>±shSatay方法。
三、不(bù)當的(de)DOCTYPE聲明(míng)
不(bù)聲明(míng)DOCTYPE，或者在文(wén)件(•π♠jiàn)開(kāi)始錯(cuò)誤聲明(míng)DOC✔δTYPE，也(yě)是(shì)一(yī)個(gè)常見(jiàn)錯(∏φ↕cuò)誤。根據一(yī)般經驗，StrictDOC↓σTYPE是(shì)大(dà)家(jiā)追求¶§的(de)最高(gāo)級驗證。Strictvalidation✘★表明(míng)你(nǐ)的(de)網頁能(néng)夠在所有(£Ω£ yǒu)浏覽器(qì)上(shàng)都(dōu)得(de)到(dào)最佳¶§€£展示。關于DTD文(wén)檔類型的(de)聲明(mí←↔→ng)，您可(kě)以參考52CSS.com的(π✔×εde)相(xiàng)關文(wén)章(zh ≠āng)。
四、結尾斜線
如(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标< 簽等元素中。
在嚴格的(de)DOCTYPE中這(zhè§♠)是(shì)無效的(de)。要(yào)在img标簽結尾≥處加上(shàng)“/”以解決€∑÷此問(wèn)題。
五、Align标簽
如(rú)果DOCTYPE被設為(wèi)Transitional¶α♠，你(nǐ)就(jiù)會(huì)使用(yòng)&ldqu$ε≥o;align”标簽，但(dàn)如(rú)果要(yào)®÷求更高(gāo)一(yī)點希望得(de)到(dào<α♠)Strict驗證，你(nǐ)會(huì)看(kàn)到(dào •)很(hěn)多(duō)錯(cuò)誤。A★$σ®lign是(shì)另一(yī)個(gè)不(£πbù)可(kě)用(yòng)于版面設計(jì)的(de)标簽♠$。可(kě)以嘗試用(yòng)“flφ♣₹oat”或者“text-alig✔±σ©n”來(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)Java∞'Script。如(rú)果必須用(yòng)到(λ$dào)JavaScript，可(kě)以在其前後加上(shàng)α'↕如(rú)下(xià)标簽：
七、圖像需要(yào)“alt”屬性
你(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=Ω✔”Scaryvampirepi←π↓cture”。
搜索引擎也(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)代替“&&rdφ♥quo;等符号。entirelist中列出在XHTML≤§™σ版塊設計(jì)中可(kě)用(yòng)的(de)适當的(deσβ)編碼字符實體(tǐ)數(shù)據。
九、不(bù)良嵌套
嵌套就(jiù)是(shì)元素裡(lǐ)又(yòu)包括元™♦素，我們容易混淆嵌套元素的(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&r♦$→≥dquo;标簽
盡管這(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)&&✔ldquo;missingarequiredsu©÷® b-elementofHEAD”(∑λ缺少(shǎo)HEAD的(de)必要(yào¶•£™)子(zǐ)元素)時(shí)，才會(huì)發現 ♦σα(xiàn)自(zì)己忘記添加title标簽了(le)。
