慎用 XHTML 標(biāo)簽的自關(guān)閉寫法

2020-03-24 16:24:50

字體：大中小

供稿：網(wǎng)友

我們都知道XHTML里面的img標(biāo)記應(yīng)該這樣寫： img alt="" src="" / ，這種寫法也就是所謂的自關(guān)閉，在XML中是完全合法的寫法。如果你熟悉XML相關(guān)的開發(fā)，可能也就習(xí)慣于這種寫法，想著XML中任何不含子節(jié)點(diǎn)的元素都可以這樣寫，那么XHTML中沒(méi)有內(nèi)容的標(biāo)簽也都可以這樣寫。XHTML中理論上當(dāng)然允許任何標(biāo)簽以自關(guān)閉的方法來(lái)書寫，然而瀏覽器兼容性卻帶來(lái)了新問(wèn)題，那就是IE無(wú)法正確識(shí)別某些標(biāo)簽的自關(guān)閉寫法。請(qǐng)嘗試輸入以下XHTML代碼并在IE中瀏覽： p hello script type="text/javascript" / world /p ，你會(huì)發(fā)現(xiàn)只能看到前面的hello而不見(jiàn)后面的world，這事情讓人挺無(wú)法解釋的吧。可能有不少人都曾經(jīng)遇到過(guò)這個(gè)問(wèn)題，并且花了幾個(gè)小時(shí)在上面都找不到合理的解釋。解釋源自另外一段類似的代碼： p hello textarea / world /p ，你在IE中看看其顯示效果，能夠得到合理的解釋了嗎？我們能夠看到前面的hello正常顯示了，而后面的world則顯示在textarea里面，這證明IE并沒(méi)有正確識(shí)別textarea標(biāo)簽已經(jīng)自關(guān)閉了，而是當(dāng)它沒(méi)有關(guān)閉，并將后面的內(nèi)容識(shí)別為textarea內(nèi)部的內(nèi)容。這時(shí)候我們就明白前面那段代碼為什么看不到后面的world了，因?yàn)樗划?dāng)作script的一部分來(lái)識(shí)別了。這就說(shuō)明了，在我們使用XHTML時(shí)并不能好像XML那樣隨意的使用自關(guān)閉的寫法，只有少數(shù)原本不需要關(guān)閉的標(biāo)簽可以用自關(guān)閉的寫法，其他標(biāo)簽即使沒(méi)有任何內(nèi)容最好也用成對(duì)的關(guān)閉寫法。最后需要提醒大家的是，其實(shí)弱智的parser不僅僅IE有，很多地方都可能碰到由于parser不嚴(yán)謹(jǐn)而引起的問(wèn)題，所以我們?cè)跁鴮慩HTML的時(shí)候還是要遷就一些老HTML繼承下來(lái)的習(xí)慣，不能好像真的XML那樣自以為符合標(biāo)準(zhǔn)了就隨意寫。不信？那么再試一個(gè)吧： p hello br /br world /p ，留意IE與Opera中的顯示效果。Update: 有部分讀者認(rèn)為我舉的例子是不符合XHTML規(guī)范的，那么請(qǐng)先閱讀XHTML規(guī)范。Empty Elements一節(jié)的中文翻譯如下：“空元素必須要么有一個(gè)結(jié)束標(biāo)記，要么以/ 結(jié)束，例如 br/ 或 hr /hr 。請(qǐng)參考HTML兼容性標(biāo)準(zhǔn)以獲取關(guān)于確保向后兼容HTML4瀏覽器的信息?！笨梢钥吹玫?，規(guī)范中也給出了 hr /hr 這樣的例子，說(shuō)明 br /br 的寫法是符合XHTML規(guī)范的，只是沒(méi)有兼容HTML4標(biāo)準(zhǔn)。那么到底XHTML是否兼容HTML4呢？我們來(lái)看Compatibility Issues一節(jié)，中文翻譯如下：“雖然并沒(méi)有要求XHTML1.0文檔兼容現(xiàn)有的瀏覽器，但在實(shí)踐中這并不難做到?！币虼?，XHTML是沒(méi)有規(guī)定文檔必須向下兼容，我給出的例子都是合法的XHTML文檔片斷，當(dāng)出現(xiàn)在完整的XHTML里面時(shí)也全部能通過(guò)W3C Markup Validation Service的驗(yàn)證。Update again: 其實(shí)我寫這篇文章的目的不是為了強(qiáng)調(diào)只符合XHTML規(guī)范就行了，也不是強(qiáng)調(diào)符合XHTML同時(shí)兼容HTML4就夠了，而是應(yīng)該考慮更多需要兼容的情況。例如你的CMS中允許用戶提交HTML，提交的HTML經(jīng)過(guò)SgmlReader或者其他方法格式化為XHTML，同時(shí)或許還做了其它XML處理，這時(shí)候就有可能將用戶提交的 textarea /textarea 轉(zhuǎn)換為 textarea / ，這種情況下你需要通過(guò)跟蹤調(diào)試找出問(wèn)題并不容易，因?yàn)閄ML處理并沒(méi)有違反任何規(guī)范，每一步的處理都是符合語(yǔ)義的。另外最好不要把 br / 寫成 br/ ，因?yàn)榇_實(shí)有些弱智的parser僅僅因?yàn)樯倭艘粋€(gè)空格就無(wú)法正確識(shí)別
本文作者:html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：推薦10個(gè)HTML5響應(yīng)式框架

下一篇：調(diào)用HTML5的Canvas API繪制圖形的快速入門指南