兼容性：瀏覽器全部支持

del：定義文檔中已被刪除的文本。

ins：定義已經被插入文檔中的文本。

 !DOCTYPE html html lang= zh head meta charset= UTF-8 / title html標簽使用 /title style * {padding: 0;margin: 0;} /style /head body del 原價：299元 /del ins 特價：188元 /ins /body /html 

效果：

對HTML5語義化標簽解釋

main 定義主要內容

header 頁眉，可能包含標題元素，也可以包含其他元素，像logo、分節頭部、搜索表單等

header

hgroup

h1 頁眉主標題 /h1

h1 頁眉副標題 /h1

/hgroup

/header

nav 定義主體模塊或者導航鏈接的集合

nav

ul

li a href= # Home /a /li

li a href= # About /a /li

li a href= # Contact /a /li

/ul

/nav

article 是一個特殊的section標簽，它比section具有更明確的語義，它代表一個獨立的、完整的相關內容塊，可獨立于頁面其它內容使用。例如一篇完整的論壇帖子，一篇博客文章，一個用戶評論等等。一般來說，article會有標題部分（通常包含在header內），有時也會包含footer。article可以嵌套，內層的article對外層的article標簽有隸屬關系。例如，一篇博客的文章，可以用article顯示，然后一些評論可以以article的形式嵌入其中。

article

header

hgroup

h1 這是一篇介紹HTML 5結構標簽的文章 /h1

h2 HTML 5的革新 /h2

/hgroup

time datetime= 2011-03-20 2011.03.20 /time

/header

p 文章內容詳情 /p

/article

aside 與一個和其余頁面內容幾乎無關的部分，被認為是獨立于該內容的一部分并且可以被單獨的拆分出來而不會使整體受影響。其通常表現為側邊欄或者嵌入內容。

aside id= sidebar

section >

h4 >

ul

li a href= # WordPress /a (3) /li

li a href= # Design /a (23) /li

li a href= # Design /a (18) /li

/ul

/section

/aside

section 表示文檔中的一個區域（或節），比如，內容中的一個專題組，一般來說會有包含一個標題（heading）。

一般通過是否包含一個標題 ( h1 - h6 element) 作為子節點 來 辨識每一個 section

section

h1 這里是section標題... /h1

p 這里是section標題對于內內容... /p

/section

figure 元素代表一段獨立的內容.用于對元素進行組合。多用于圖片與圖片描述組合。

!-- Just a figure --

figure

img src= figure.png alt= figure.png圖片按 title= figure圖片

/figure

p 段落 /p

!-- Figure with figcaption --

figure

img src= figure.png alt= figure.png圖片按 title= figure圖片 picture

figcaption figure圖片描述 /figcaption

/figure

p 段落..... /p

footer 定義了整個頁面或其中一部分的頁腳（并且通常包含原創作者，版權信息，聯系方式和站點地圖,文檔相關的鏈接等信息）

footer

原創作者;版權信息;聯系方式;文檔相關鏈接等...

/footer

hgroup 標簽用于對網頁或區段（section）的標題進行組合。使用新的HTML5元素hgroup，可以為header元素添加更多的信息。（頭部主標題/副標題）

hgroup

h1 Main title /h1

h2 Secondary title /h2

/hgroup

以上就是理解html語義化標簽的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。