html5新增的語義化標籤

html5新增的語義化標籤

<section></section>用於對網站或應用程序中頁面上的內容進行分塊。通常由內容及其標題組成。

<article></article>代表文檔、頁面或應用程序中獨立的、完整的、可以獨自被外部引用的內容。當我們描述一件具體的事物的時候,通常使用article來代替section。如一個帖子,一段用戶評論等。

<aside></aside>表示當前頁面或者文章的附屬信息部分。如與當前頁面或主要內容相關的引用、側邊欄、廣告、nav元素組等。

<nav></nav>用作頁面導航的鏈接組,其中可以包括<ul><li><p>元素等。

<time></time>表示某個時間或者某個日期。其中pubdate屬性代表了文檔的發布日期,可以用到time標籤里。

<header></header>整個頁面或者頁面內容區塊的標題,可以包含其他內容。

<footer></footer>頁腳,頁面底部或者版塊的內容。

<hgroup></hgroup>頁面上標題的組合,通常對h1~h6進行分組。

<address></address>文檔作者或者文檔維護者的聯繫信息。

<figure></figure>通常用於圖片,統計圖或代碼示例,帶有可選標題。將其從網頁上移除後不會對網頁上其他內容產生影響。

<figcaption></figcaption>表示figure的標題,從屬於figure元素。

<mark></mark>頁面中需要凸顯出或者高亮顯示的,對於當前用戶具有參考作用的一段文字。

<progress></progress>代表一個任務完成的進度。

<details></details>描述文檔或者用戶要求得到並且可以得到的細節信息。與summary元素配合使用。

<summary></summary>給details元素提供標題或者圖例。標題是可見的,用戶點擊標題時,會顯示細節信息。

<datelist></datelist>選項列表。與input元素配合使用,來定義input可能的值。

<keygen></keygen>給表單添加一個公鑰.

<menu></menu>菜單列表。HTML4中不推薦使用。

給予想要學習的人!


推薦閱讀:

TAG:HTML5 | 語義化 | 標籤 |