在HTML5网页中写法正确的是,跟永哥学HTML5(4):正确使用HTML5的header、hgroup和section...
在上一章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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html图片展示不间隙,求助大神 如让图
- 下一篇: 教你移除IE 7.0浏览器的默认搜索框