在上一章HTML5新增語(yǔ)義化元素的使用中我們講解了

1、只在需要的時(shí)候使用header和hgroup

寫不需要寫的標(biāo)簽當(dāng)然是毫無意義的。不幸的是，我經(jīng)常看到header和hgroup被無意義的濫用。

關(guān)于header和hgroup元素簡(jiǎn)單總結(jié)如下：

header元素表示的是一組介紹性或者導(dǎo)航性質(zhì)的輔助文字，經(jīng)常用作section的頭部

當(dāng)頭部有多層結(jié)構(gòu)時(shí)，比如有子頭部，副標(biāo)題，各種標(biāo)識(shí)文字等，使用hgroup將h1-h6元素組合起來作為section的頭部

header的濫用

由于header可以在一個(gè)文檔中使用多次，很多人這樣使用：

125建站網(wǎng)

如果你的header元素只包含一個(gè)頭部元素，那么丟棄header元素吧。既然article元素已經(jīng)保證了頭部會(huì)出現(xiàn)在文檔概要中，而header又不能包含多個(gè)元素(如上文所定義的)，那么為什么要寫多余的代碼。簡(jiǎn)單點(diǎn)寫成這樣就行了：

125建站網(wǎng)

的錯(cuò)誤使用

在headers這個(gè)主題上，我也經(jīng)常看到hgroup的錯(cuò)誤使用。有時(shí)候不應(yīng)該同時(shí)使用hgroup和header:

如果只有一個(gè)子頭部

如果hgroup自己就能工作的很好。。。這不廢話么

第一個(gè)問題一般是這樣的：

網(wǎng)頁(yè)設(shè)計(jì)|www.125jz.com

站長(zhǎng)：江山如畫

此例中，直接拿掉hgroup，讓heading裸奔吧。

網(wǎng)頁(yè)設(shè)計(jì)|www.125jz.com

站長(zhǎng)：江山如畫

第二個(gè)問題是另一個(gè)不必要的例子：

網(wǎng)頁(yè)制作

www.125jz.com

如果header唯一的子元素是hgroup，那還要header干神馬？如果header中沒有其他的元素(比如多個(gè)hgroup)，還是直接拿掉header吧

My company

Established 1893

125jz網(wǎng)原創(chuàng)文章。發(fā)布者：江山如畫，轉(zhuǎn)載請(qǐng)注明出處：http://www.125jz.com/1055.html

總結(jié)

以上是生活随笔為你收集整理的在HTML5网页中写法正确的是,跟永哥学HTML5（4）：正确使用HTML5的header、hgroup和section...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。