1. 程式人生 > >html5新增語義標簽

html5新增語義標簽

cnblogs html 信息 應該 分享 .cn foo ima 技術

1、header

<header> 標簽定義文檔的頁眉(介紹信息)。

2、nav

<nav> 標簽定義導航鏈接的部分。

3、article

<article> 標簽定義外部的內容。

外部內容可以是來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內容。

4、footer

<footer> 標簽定義文檔或節的頁腳。

<footer> 元素應當含有其包含元素的信息。

頁腳通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等等。

您可以在一個文檔中使用多個 <footer> 元素。

5、aside

使用例子:頁面側邊欄、廣告、友情鏈接、文章引語(內容摘要)。

技術分享

6、section

一個主題性的內容分組,通常包含一個頭部(header),可能還包含一個尾部(footer)。

技術分享

div與section的比較:div應用更廣泛,只要你想為一個區域定義一個樣式,就可以使用div標簽,section包含的內容是一個更明確的主題,通常有標題區域。

7、main

顯示頁面的主體內容,每個頁面只能包含一個main標簽main標簽中不包含網站標題、logo、主導航、版權聲明等信息。

技術分享

8、figure

用於對元素進行組合

9、<figcaption> 標簽定義 figure 元素的標題,"figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子元素的位置。

技術分享

html5新增語義標簽