H5新增特性之語義化標簽 語義化標簽顧名思義標簽有自己的含義,瀏覽器或者程式員一看就知道是什麼。在HTML 5出來之前,我們用div來表示頁面章節,但是這些div都沒有實際意義。(即使我們用css樣式的id和class形容這塊內容的意義)。這些標簽只是我們提供給瀏覽器的指令,只是定義一個網頁的某些部 ...
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使用地方法並沒有多大區別,只是在使用的過程中省去了一些命名的麻煩。在家逆戰學習努力成就更好的自己!!!