html 的<header>標(biāo)簽需要怎么使用
發(fā)表時(shí)間：2024-05-09 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]在HTML5之前的版本大家可能有用DIV標(biāo)簽布局網(wǎng)頁的習(xí)慣，但是H5在DIV標(biāo)簽的基礎(chǔ)上增加了header標(biāo)簽元素，也就是我們說的頭部標(biāo)簽，以往我們?cè)诓季种谐３０丫W(wǎng)頁分為頭部，內(nèi)容，底部，現(xiàn)在已經(jīng)有系統(tǒng)的標(biāo)簽來幫我們規(guī)劃，也是方便了很多，那么這個(gè)header標(biāo)簽需要怎么使用呢？今天我們就來好好的研...
在HTML5之前的版本大家可能有用DIV標(biāo)簽布局網(wǎng)頁的習(xí)慣，但是H5在DIV標(biāo)簽的基礎(chǔ)上增加了header標(biāo)簽元素，也就是我們說的頭部標(biāo)簽，以往我們?cè)诓季种谐３０丫W(wǎng)頁分為頭部，內(nèi)容，底部，現(xiàn)在已經(jīng)有系統(tǒng)的標(biāo)簽來幫我們規(guī)劃，也是方便了很多，那么這個(gè)header標(biāo)簽需要怎么使用呢？今天我們就來好好的研究一下
正應(yīng)為大家公認(rèn)html布局中對(duì)“header”為常用命名，所以在HTML5新增了個(gè)header標(biāo)簽元素�？梢赃@樣理解為什么在html5中新增header為標(biāo)簽元素。
除了直接使用header標(biāo)簽外，也可以對(duì)header設(shè)置class或id。
語法結(jié)構(gòu)
header標(biāo)簽元素和p用法相同。有開始有閉合。
語法：
<header>內(nèi)容</header>
直接不給id或class
<header>頭部?jī)?nèi)容區(qū)</header>
設(shè)置id
<header id=”p”>頭部?jī)?nèi)容區(qū)</header>
設(shè)置class
<header class=”p”>頭部?jī)?nèi)容區(qū)</header>
特點(diǎn)：就像DIV標(biāo)簽元素一樣可以多次使用，不同地方可以使用id或class設(shè)置不同樣式。
兼容性
因?yàn)閔eader標(biāo)簽是HTML5新增標(biāo)簽元素，所以舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。當(dāng)然國(guó)內(nèi)360瀏覽器、百度瀏覽器、遨游瀏覽器等瀏覽器均借用系統(tǒng)自帶IE內(nèi)核，所以國(guó)內(nèi)瀏覽器實(shí)際上與你系統(tǒng)自帶瀏覽器IE版本相同，所以你IE瀏覽器在IE9或以上版本自然就兼容HTML5新增標(biāo)簽元素。
新舊DIV布局對(duì)比案例
通過DIV+CSS布局與HTML5+CSS布局對(duì)比觀察并掌握對(duì)header應(yīng)用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html5 Header標(biāo)簽實(shí)例</title>
<style>
/* 傳統(tǒng)布局CSS */
#header{ width:300px; height:40px; background:#CCC}
/* HTML5布局樣式 */
header{ width:400px; height:70px; color:#F00; background:#F5F5F5}
.color-000{ color:#000; background:#666}
</style>
</head>
<body>
<p id="header">我在傳統(tǒng)p布局中</p>
<header>我在傳統(tǒng)p布局中,必須在支持HTML5瀏覽器才能看到效果，
建議谷歌瀏覽器測(cè)試觀察效果</header>
<header class="color-000">我顏色為黑色,背景為#666</header>
</body>
</html><header>標(biāo)簽的用法就是這么多了，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
相關(guān)閱讀：
ie6支持hover嗎？
html導(dǎo)航條制作的圖文代碼分享
怎樣用CSS操作p的z-index
以上就是html 的<header>標(biāo)簽需要怎么使用的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
