XHTML標(biāo)簽的自關(guān)閉的寫法應(yīng)該注意的問題_XHTML教程
XHTML里面的img標(biāo)記應(yīng)該這樣寫:<img alt="" src="" />,這種寫法也就是所謂的自關(guān)閉,在XML中是完全合法的寫法。假如你熟悉XML相關(guān)的開發(fā),可能也就習(xí)慣于這種寫法,想著XML中任何不含子節(jié)點的元素都可以這樣寫,那么XHTML中沒有內(nèi)容的標(biāo)簽也都可以這樣寫。XHTML中理論上當(dāng)然答應(yīng)任何標(biāo)簽以自關(guān)閉的方法來書寫,然而瀏覽器兼容性卻帶來了新問題,那就是IE無法正確識別某些標(biāo)簽的自關(guān)閉寫法。 字串8
請嘗試輸入以下XHTML代碼并在IE中瀏覽:<p>hello <script type="text/javascript" /> world</p>,你會發(fā)現(xiàn)只能看到前面的hello而不見后面的world,這事情讓人挺無法解釋的吧�?赡苡胁簧偃硕荚�(jīng)碰到過這個問題,并且花了幾個小時在上面都找不到合理的解釋。 字串4
解釋源自另外一段類似的代碼:<p>hello <textarea /> world</p>,你在IE中看看其顯示效果,能夠得到合理的解釋了嗎?我們能夠看到前面的hello正常顯示了,而后面的world則顯示在textarea里面,這證實IE并沒有正確識別textarea標(biāo)簽已經(jīng)自關(guān)閉了,而是當(dāng)它沒有關(guān)閉,并將后面的內(nèi)容識別為textarea內(nèi)部的內(nèi)容。
這時候我們就明白前面那段代碼為什么看不到后面的world了,因為它被當(dāng)作script的一部分來識別了。這就說明了,在我們使用XHTML時并不能似乎XML那樣隨意的使用自關(guān)閉的寫法,只有少數(shù)原本不需要關(guān)閉的標(biāo)簽可以用自關(guān)閉的寫法,其他標(biāo)簽即使沒有任何內(nèi)容最好也用成對的關(guān)閉寫法。
最后需要提醒大家的是,其實弱智的parser不僅僅IE有,很多地方都可能碰到由于parser不嚴(yán)謹(jǐn)而引起的問題,所以我們在書寫XHTML的時候還是要遷就一些老HTML繼續(xù)下來的習(xí)慣,不能似乎真的XML那樣自以為符合標(biāo)準(zhǔn)了就隨意寫。不信?那么再試一個吧:<p>hello <br></br> world</p>,留意IE與Opera中的顯示效果。
XHTML一些相關(guān)的規(guī)范:
1.所有的標(biāo)記都必須要有一個相應(yīng)的結(jié)束標(biāo)記
2.所有標(biāo)簽的元素和屬性的名字都必須使用小寫
3.所有的XML標(biāo)記都必須合理嵌套
4.所有的屬性必須用引號""括起來
5.把所有<和&非凡符號用編碼表示
6.給所有屬性賦一個值
7.不要在注釋內(nèi)容中使“--”
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML表格標(biāo)記教程(48):CSS修飾表格
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML表格標(biāo)記教程(47):表格嵌套
- HTML表格標(biāo)記教程(36):表頭的背景色屬性BGCOLOR
- HTML表格標(biāo)記教程(29):單元格的亮邊框色屬性BORDERCOLORLIGHT
- HTML各個元素對搜索引擎的權(quán)重比例
- XHTML入門學(xué)習(xí)教程:框架標(biāo)簽使用
- DIV CSS布局基礎(chǔ):HTML標(biāo)記(三)
- HTML 5 預(yù)覽
- HTML表格標(biāo)記教程(46):表格的表尾標(biāo)記
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-XHTML標(biāo)簽的自關(guān)閉的寫法應(yīng)該注意的問題
。