【網站設計】HTML5中語法中的3個要點

2016-09-05 1502 1 編輯:深色多郎 來源:網站設計書籍

HTML5中規定的語法,在設計上兼顧了與現有HTML之間最大程度的兼容性。例如,在Web上充斥著“<p>沒有結束標簽”等HTML現象。HTML5不將這些視為錯誤,反而采取了“允許這些現象存在,并明確記錄在規范中”的方法。因此,盡管與XHTML相比標記比較簡潔, 而在遵循HTML5的Web瀏覽器中也能保證生成相同的DOM。那么下面就來看看具體的HTML5語法。

1.可以省略標簽的元素 

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

(1)不允許寫結束標簽的元素有area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。

不允許寫結束標記的元素是指不允許使用開始標記與結束標記將元素括起來的形式,只允許使用“<元素/>”的形式進行書寫。例如,“<br>...</br>"的寫法是錯誤的,應該寫成“<br/>”。但是沿襲下來的“<br>”的寫法也是允許的。

(2) 可以省略結束標簽的元素有li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。

(3)可以省略整個標簽的元素有html、head、body、colgroup、tbody。

需要注意的是,雖然這些元素可以省略,但實際上卻是隱式存在的。例如: “<body>”標簽可以省略,但在DOM樹上它是存在的,可以永恒訪問到“document.body”。

上述列表中也包括了HTML5的新元素。有關這些新元素的用法,后續我們會發表出來,敬請關注。

2.取得boolean值的屬性 

取得布爾值(Boolean)的屬性,例如disabled和readonly等,通過省略屬性的值來表達“值為true”。如果要表達“值為false”,則直接省略屬性本身即可。此外,在寫明屬性值來表達“值為true”時,可以將屬性值設為屬性名稱本身,也可以將值設為空字符串,案例如下:

<!-- 以下的checked屬性值皆為true -->

<input type="checkbox" checked>

<input type="checkbox" checked="checked">

<input type="checkbox" checked="">

3.省略屬性的引用符

設置屬性值時,可以使用雙引號或單引號來引用。

HTML5語法則更進一步,只要屬性值不包含空格、< 、> 、' 、" 、` 、=  等字符,都可以省略屬性的引用符,案例如下:

<!-- 請觀察type屬性的引用符 -->

<input type="text">

<input type='text'>

<input type=text>

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
我們猜你喜歡
七星彩头尾