H5新增特性之語意化標簽
語意化標簽顧名思義標簽有自己的含義，瀏覽器或者程式員一看就知道是什么，在HTML 5出來之前，我們用div來表示頁面章節，但是這些div都沒有實際意義，（即使我們用css樣式的id和class形容這塊內容的意義），這些標簽只是我們提供給瀏覽器的指令，只是定義一個網頁的某些部分，但現在，那些之前沒“意義”的標簽因為因為html5的出現消失了，這就是我們平時說的“語意”，
一、根據頁面的結構，
section元素 表示頁面中的一個區塊
article元素 表示一塊與背景關系無關的獨立的內容
aside元素 在article之外的，與article內容相關的輔助資訊
header元素 表示頁面中一個內容區塊或整個頁面的標題
footer元素 表示頁面中一個內容區塊或整個頁面的腳注
nav元素 表示頁面中導航鏈接部分
hgroup標題的一個分組
二、媒體元素組合
figure元素 表示一段獨立的內容，使用figcaption元素為其添加標題(第一個或最后一個子元素的位置)
<figure>和 <figcaption>：<figure>為父元素，用于圖片的外層，其子元素<figcaption>用來對內容進行說明，
embed 標記定義外部的可互動的內容或插件 比如flash
三、time時間
<time>標簽，專門用來表示時間
四、檔案內容
mark定義高亮顯示的文本(span)
<mark> 標簽，定義帶有記號的文本，在需要突出顯示文本時使用 該 標簽，默認加黃色背景，
main元素 表示頁面中的主要的內容(ie不兼容)
dialog標記定義一個對話框(會話框)類似微信
注意：語意化標簽只是標簽的語意化，和div使用地方法并沒有多大區別，只是在使用的程序中省去了一些命名的麻煩，在家逆戰學習努力成就更好的自己！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/67730.html
標籤：Html/Css
下一篇：less使用小結