HTML5--(1)兼容前綴+結構性標籤+語義化標籤

1、兼容前綴+兼容寫法

兼容前綴

1.HTML5有部分類容兼容到IE9,IE8及如下徹底不兼容的內容再也不考慮.

2.部份內容須要加兼容前綴 

a)     -webkit- 兼容谷歌

b)     -moz- 兼容火狐

c)     -o- 兼容歐朋

d)     -ms- 兼容IE

e)     例子：-webkit-樣式屬性

3.兼容性查詢網站: http://caniuse.com

兼容寫法

IE版本：若是小於等於IE 9 就執行if語句裏面的代碼 ( It小於 lte小於等於)

2、結構性標籤(帶有語義化)

1. <header></header>頁眉,也可用與塊頭部
2. <nav></nav>導航
3. <section></section>頁面上的板塊 一個小區有
4. <article></article>用來在頁面中表示一套結構完整且獨立的內容部分 頁面中某一個完整的部分 <article>標籤裏面能夠放</section>標籤
5. <aside></aside>側邊欄,廣告,nav元素組,以及其它相似的內容部分aside的內容應該與artical的內容相關
6. <footer></footer>頁面的底部或者板塊的底部

3、語義化標籤

1.<hgroup></hgroup>一個標題和一個子標題,或者標語的組合

2. <figure></figure>用於對元素進行組合.通常用於圖片或視頻 

3. <figcaption></figcaption>爲元素添加標題

4. <time></time>用來表示時間或日期

5. <datalist></datalist>標籤訂義選項列表.請與input元素配合使用該元素,來定義input可能的值.請使用input元素的list屬性來綁定datalist 的ID.

6. <details></details>用於描述文檔或文檔某部分的細節.該元素用於摘錄引用等,與標籤配合使用 默認關閉的 打開須要加open屬性

7.<summary></summary>detailst元素的標題

 

8.<dialog></dialog>定義一段對話,默認是關閉的 展開須要添加open屬性

 9.<address></address>定義文章或頁面做者的詳細聯繫信息 字體是斜體 能夠用font-style:normal 改正字體

10.<meter></meter>定義已知範圍或數值內的標量測量.也被稱爲gauge(尺度).

max 最大值屬性 

min  最小值屬性

value 當前值屬性

low 下限

high 上限

11.<progress></progress>定義進度條

.

12. <mark></mark>須要標記的詞或句子,默認黃色背景.