HTML5與舊版本的兼容性
HTML5中規(guī)定的語(yǔ)法,在設(shè)計(jì)上兼顧了與現(xiàn)有HTML之間最大程度的兼容性。例如,在Web上通常存在<p>元素沒(méi)有結(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)講,有以下三種情況:
必須寫(xiě)明結(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>的寫(xiě)法是錯(cuò)誤的。應(yīng)該寫(xiě)成<br/>。當(dāng)然,沿襲下來(lái)的<br>寫(xiě) 法也是允許的。
可以省略結(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ù)上是確實(shí)可以訪問(wèn)到的,永遠(yuǎn)都可以用document.body來(lái)訪問(wèn)。
2.取得boolean值的屬性
取得布爾值的屬性,ftPdisabled, readonly等,通過(guò)省略屬性的值來(lái)表達(dá)值為true。如果要表達(dá)值為fafse,則直接省略屬性本身即可。此外,通過(guò)寫(xiě)明屬性值來(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è)文本框的寫(xiě)法是允許的-->
〈input type="text">
〈input type=`text1`>
〈input type=text>
</form>
點(diǎn)擊加載更多評(píng)論>>