1. 程式人生 > >HTML5新增的8個結構元素

HTML5新增的8個結構元素

1.新增結構元素:

(1)section元素:section定義文件中的節,表示頁面的內容區塊,例如頁首,頁尾,頁面中的其他部分內容也可以。html4全是用div結構來寫內容,很難分清主次

(2)artical元素:規定了獨立的內容,比如論壇的一篇帖子,文章,部落格,使用者評論等

(3)aside元素:表示與其附近的內容相關的,可以做側邊欄。

(4)header元素:定義文件的頁首

(5)footer元素:定義文件的頁尾

(6)nav元素:定義導航部分

(7)hgroup元素:用於對網頁或區段(section)的標題進行組合,至少包含兩個標籤,如果只含有一個(直接子元素)標籤,不是很友好的操作,

1.可以用於一個頁面的頭部:

<header>

<hgroup>

   <h1>標題一</h1>

   <h2>標題二</h2>

</hgroup>

</header>

2.可以用於一篇文章(artical標籤)中的:

<artical>

<header>

<hgroup>

   <h1>標題一</h1>

   <h2>標題二</h2>

</hgroup>

<p>.........</p>

<p>.........</p>

</header>

<p>.........</p>

</artical>

3.可以章節、段落(section標籤)中

(8)figure元素:定義了獨立的流內容,比如影象,照片,圖表、程式碼等。figure元素的內容與主內容相關,但如果被刪除,不會對文件流產生影響。