位置：首頁(yè) > 軟件操作教程 > 編程開發(fā) > HTML > 問(wèn)題詳情

HTML5與舊版本的兼容性

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-13

HTML5中規(guī)定的語(yǔ)法，在設(shè)計(jì)上兼顧了與現(xiàn)有HTML之間最大程度的兼容性。例如，在Web上通常存在<p>元素沒有結(jié)束標(biāo)簽等HTML現(xiàn)象。HTML5不將這些視為錯(cuò)誤，反而采取了“允許這些錯(cuò)誤存在，并明確記錄在規(guī)范中”的方法。因此，盡管與XHTML相比標(biāo)記比較簡(jiǎn)潔，然而在遵循HTML5的Web瀏覽器中也能保證生成相同的DOM。

  1.可以省略的標(biāo)簽

  在HTML5中，有些元素可以省略標(biāo)簽。具體來(lái)講，有以下三種情況：

      必須寫明結(jié)束標(biāo)簽。包括area、base、br、col、Command、embed、he、img、input、 keygen、link、meta、param、source、  track和wbr。只需要標(biāo)記空元素標(biāo)簽，如 “/>”。 例如，<br></br>的寫法是錯(cuò)誤的。應(yīng)該寫成<br/>。當(dāng)然，沿襲下來(lái)的<br>寫  法也是允許的。

      可以省略結(jié)束標(biāo)簽。包括li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、 tbody、tfoot、tr、td和th。

      可以省略整個(gè)標(biāo)簽。包括html、head、Body等。需要注意的是，雖然這些標(biāo)簽可以省略，但實(shí)際是確實(shí)存在的。例如，<body>標(biāo)  簽可以省略，但是在D0M樹上是確實(shí)可以訪問(wèn)到的，永遠(yuǎn)都可以用document.body來(lái)訪問(wèn)。

  2.取得boolean值的屬性

  取得布爾值的屬性，ftPdisabled, readonly等，通過(guò)省略屬性的值來(lái)表達(dá)值為true。如果要表達(dá)值為fafse,則直接省略屬性本身即可。此外，通過(guò)寫明屬性值來(lái)表達(dá)值為true時(shí)，可以將屬性的值設(shè)置為屬性名本身，也可以將值設(shè)置為空字符串，代碼如下：

   〈select name="" id="">

   〈option value=""〉下面二個(gè)selected屬性都是代表元素被默認(rèn)選中</option〉

   〈option value=""  selected="">items01</option>

   〈option value=""  selected>items02</option>

   〈option value=""  selected="selected">items03</option>

    </select>

  3.省略屬性的引用符

  設(shè)置屬性時(shí)，可以使用雙引號(hào)或單引號(hào)來(lái)引用。HTML5語(yǔ)法則更進(jìn)一步，只要屬性值不包含空格、“<”“>”“"”“`”“=”等字符，都可以省略屬性的引用符。

    下面的代碼演示如何省略屬性的引用符：

    <form action="#" mrthod="post">

      <! --下面三個(gè)文本框的寫法是允許的-->

     〈input type="text">

     〈input type=`text1`>

     〈input type=text>

    </form>

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部