- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 8百度安全衛士好用么_百度安全衛士技巧說明
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
[摘要]在HTML5之前的版本大家可能有用DIV標簽布局網頁的習慣，但是H5在DIV標簽的基礎上增加了header標簽元素，也就是我們說的頭部標簽，以往我們在布局中常常把網頁分為頭部，內容，底部，現在已經有系統的標簽來幫我們規劃，也是方便了很多，那么這個header標簽需要怎么使用呢？今天我們就來好好的研...
在HTML5之前的版本大家可能有用DIV標簽布局網頁的習慣，但是H5在DIV標簽的基礎上增加了header標簽元素，也就是我們說的頭部標簽，以往我們在布局中常常把網頁分為頭部，內容，底部，現在已經有系統的標簽來幫我們規劃，也是方便了很多，那么這個header標簽需要怎么使用呢？今天我們就來好好的研究一下正應為大家公認html布局中對“header”為常用命名，所以在HTML5新增了個header標簽元素�？梢赃@樣理解為什么在html5中新增header為標簽元素。
除了直接使用header標簽外，也可以對header設置class或id。
語法結構
header標簽元素和p用法相同。有開始有閉合。
語法：
<header>內容</header>
直接不給id或class
<header>頭部內容區</header>
設置id
<header id=”p”>頭部內容區</header>
設置class
<header class=”p”>頭部內容區</header>
特點：就像DIV標簽元素一樣可以多次使用，不同地方可以使用id或class設置不同樣式。
兼容性
因為header標簽是HTML5新增標簽元素，所以舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。當然國內360瀏覽器、百度瀏覽器、遨游瀏覽器等瀏覽器均借用系統自帶IE內核，所以國內瀏覽器實際上與你系統自帶瀏覽器IE版本相同，所以你IE瀏覽器在IE9或以上版本自然就兼容HTML5新增標簽元素。
新舊DIV布局對比案例
通過DIV+CSS布局與HTML5+CSS布局對比觀察并掌握對header應用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html5 Header標簽實例</title>
<style>
/* 傳統布局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">我在傳統p布局中</p>
<header>我在傳統p布局中,必須在支持HTML5瀏覽器才能看到效果，
建議谷歌瀏覽器測試觀察效果</header>
<header class="color-000">我顏色為黑色,背景為#666</header>
</body>
</html><header>標簽的用法就是這么多了，更多精彩請關注php中文網其它相關文章！
相關閱讀：
以上就是html 的<header>標簽需要怎么使用的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
