html5的header,用html5
H5中header標簽應該如何使用
在HTML5之前的版本大家可能有用DIV標簽布局網(wǎng)頁的習慣，但是H5在DIV標簽的基礎(chǔ)上增加了header標簽元素，也就是我們說的頭部標簽，以往我們在布局中常常把網(wǎng)頁分為頭部，內(nèi)容，底部，現(xiàn)在已經(jīng)有系統(tǒng)的標簽來幫我們規(guī)劃，也是方便了很多，那么這個header標簽需要怎么使用呢？今天我們就來好好的研究一下
上饒網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,上饒網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為上饒上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請找那個售后服務(wù)好的上饒做網(wǎng)站的公司定做！
正應為大家公認html布局中對“header”為常用命名，所以在HTML5新增了個header標簽元素。可以這樣理解為什么在html5中新增header為標簽元素。
除了直接使用header標簽外，也可以對header設(shè)置class或id。
語法結(jié)構(gòu)
header標簽元素和p用法相同。有開始有閉合。
語法：
1
header內(nèi)容/header
直接不給id或class
1
header頭部內(nèi)容區(qū)/header
設(shè)置id
1
header id=”p”頭部內(nèi)容區(qū)/header
設(shè)置class
1
header class=”p”頭部內(nèi)容區(qū)/header
特點：就像DIV標簽元素一樣可以多次使用，不同地方可以使用id或class設(shè)置不同樣式。
兼容性
因為header標簽是HTML5新增標簽元素，所以舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。當然國內(nèi)360瀏覽器、百度瀏覽器、遨游瀏覽器等瀏覽器均借用系統(tǒng)自帶IE內(nèi)核，所以國內(nèi)瀏覽器實際上與你系統(tǒng)自帶瀏覽器IE版本相同，所以你IE瀏覽器在IE9或以上版本自然就兼容HTML5新增標簽元素。
新舊DIV布局對比案例
通過DIV+CSS布局與HTML5+CSS布局對比觀察并掌握對header應用。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
!DOCTYPE html
html
head
meta charset="utf-8" /
titlehtml5 Header標簽實例/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瀏覽器才能看到效果，
建議谷歌瀏覽器測試觀察效果/header
header class="color-000"我顏色為黑色,背景為#666/header
/body
/html
html5中標簽和標簽有什么區(qū)別
一、指代不同
1、head標簽：是網(wǎng)頁的HEAD(頭)部分中包含有的內(nèi)置標簽，用來申明使用的腳本語言，以及網(wǎng)頁傳輸時使用的方式等。
2、header標簽：header標簽是HTML5新增標簽元素。
二、瀏覽器支持不同
1、head標簽：瀏覽器都支持。
2、header標簽：舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。
三、支持屬性不同
1、head標簽：head 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
2、header標簽：header 標簽支持?HTML 中的全局屬性。
參考資料來源：百度百科-head標簽
參考資料來源：百度百科-Header
html5 如何固定 header？
代碼如下
/*css中的.header*/
position:fixed;
left:0px;
top:0px;
width:100%;
html5是指萬維網(wǎng)的核心語言、 標準通用標記語言下的一個應用?超文本標記語言（ HTML）的第五次重大修改（這是一項推薦標準、外語原文：?W3C?Recommendation、見本處 參考資料原文內(nèi)容： ）2014年10月29日，?萬維網(wǎng)聯(lián)盟宣布，經(jīng)過接近8年的艱苦努力，該標準規(guī)范終于制定完成。
HTML5的設(shè)計目的是為了在移動設(shè)備上支持多媒體。新的語法特征被引進以支持這一點，如video、audio和canvas 標記。HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括新的解析規(guī)則增強了靈活性、新屬性、淘汰過時的或冗余的屬性等。
網(wǎng)頁題目：html5的header,用html5
分享路徑：http://m.jiaotiyi.com/article/dsddgjj.html