HTML5與舊版本的兼容性

提問人：劉團圓發(fā)布時間：2020-11-13

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

1.可以省略的標簽

在HTML5中，有些元素可以省略標簽。具體來講，有以下三種情況：

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

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

可以省略整個標簽。包括html、head、Body等。需要注意的是，雖然這些標簽可以省略，但實際是確實存在的。例如，<body>標簽可以省略，但是在D0M樹上是確實可以訪問到的，永遠都可以用document.body來訪問。

2.取得boolean值的屬性

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

〈select name="" id="">

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

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

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

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

</select>

3.省略屬性的引用符

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

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

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

〈input type="text">

〈input type=`text1`>

〈input type=text>

</form>

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

相關(guān)視頻回答

回復(0)

點擊加載更多評論>>

HTML5與舊版本的兼容性

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

最近更新