1. 程式人生 > >HTML5語法中3個要點

HTML5語法中3個要點

一.可以省略的標籤的元素

在HTML5中 ,有些元素可以省略標籤,具體有以下3種情況。

1.不允許寫結束標籤的元素有area、base、br、col、command、embed、hr、img、
input、keygen、link、meta、param、soure、track、wbr。
不允許寫結束標記的元素是指不允許使用開始標記與結束標記將元素括起來的形式,
只允許使用“<元素/>”的形式進行書寫。例如,"<br>...</br>"的寫法是錯誤的,應該寫成
“<br/>”,但是沿襲下來的“<br>”的寫法也是允許的。

2.可以省略結束標籤的元素有li/dt/dd/p/rt/rp/optgroup/option/colgroup/thread/tbody/
tfoot/tr/td/th。

3.可以省略整個標籤的元素有:html/head
/body/colgroup/tbody。 需要注意的是,雖然這些元素可以省略,但實際上卻是隱式存在的, 例如,<body>標籤可以省略,但在DOM樹上它是存在的。 上述元素中也包括了HTML5的新元素,有些新元素的用法,將在後面的章節詳細講解。

二、取得boolean值得屬性

取得布林值(boolean)的屬性,如在disabled和readonly等,
通過省略屬性的值來表達“值為true”時,可以將屬性值設為屬性名稱本身,也可以將值設為空字串,
程式碼如下。
<input type="checkbox" chenked>
<input type="checkbox"
checked="checked"> <input type="checkbox" checked="">

三、省略屬性的引用符

設定屬性值時,可以使用雙引號或單引號來引用。HTML5語法則更進一步,只要屬性值不包含空格
、<>、'、"、`、=等字元,都可以省略屬性的引用符。程式碼如下。
<input type="text">
<input tyoe=‘text’>
<input type=text>