HTML5新增的8個結構元素
阿新 • • 發佈:2019-02-16
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元素的內容與主內容相關,但如果被刪除,不會對文件流產生影響。