1.3 h5新標(biāo)簽

1.<article>

<article>標(biāo)簽定義外部的內(nèi)容。比如來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。

HTML5:<article></article>

HTML4:<div></div>

2.<aside>

<aside>標(biāo)簽定義 article 以外的內(nèi)容。aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)。

HTML5:

<aside>Aside 的內(nèi)容是獨立的內(nèi)容,但應(yīng)與文檔內(nèi)容相關(guān)。</aside>

HTML4:

<div>Aside 的內(nèi)容是獨立的內(nèi)容,但應(yīng)與文檔內(nèi)容相關(guān)。</div>

3.<audio>

<audio>標(biāo)簽定義聲音,比如音樂或其他音頻流。

HTML5:

<audio src="someaudio.wav">您的瀏覽器不支持 audio 標(biāo)簽。</audio>

HTML4:

<object type="application/ogg" data="someaudio.wav">

<param name="src" value="someaudio.wav">

</object>

4.<canvas>

<canvas>標(biāo)簽定義圖形,比如圖表和其他圖像。這個 HTML 元素是為了客戶端矢量圖形而設(shè)計的。它自己沒有行為,但卻把一個繪圖 API 展現(xiàn)給客戶端 JavaScript 以使腳本能夠把想繪制的東西都繪制到一塊畫布上。

HTML5:

<canvas id="myCanvas" width="200" height="200"></canvas>

HTML4:

<object data="inc/hdr.svg" type="image/svg+xml " width="200" height="200" ></object>

5.<command>

<command>標(biāo)簽定義命令按鈕,比如單選按鈕、復(fù)選框或按鈕。

HTML5: ?<command onclick="cut()" label="cut">

HTML4: ?none

6.<datalist>

<datalist>標(biāo)簽定義可選數(shù)據(jù)的列表。與 input 元素配合使用,就可以制作出輸入值的下拉列表。

HTML5: ? ? ??<datalist></datalist>

HTML4: ? ? ??see combobox.

7.<details>

<details>標(biāo)簽定義元素的細(xì)節(jié),用戶可進(jìn)行查看,或通過點擊進(jìn)行隱藏。與<legend>一起使用,來制作 detail 的標(biāo)題。該標(biāo)題對用戶是可見的,當(dāng)在其上點擊時可打開或關(guān)閉 detail。

HTML5: ? ??<details></details>

HTML4: ? ? ?<dl style="display:hidden"></dl>

8.<embed>

<embed>標(biāo)簽定義嵌入的內(nèi)容,比如插件。

HTML5: ? ? ?<embed ? src="horse.wav"/>

HTML4: ? ? ??<object data="flash.swf" type="application/x-shockwave-flash"></object>

9.<figcation>

<figcaption>標(biāo)簽定義 figure 元素的標(biāo)題。”figcaption” 元素應(yīng)該被置于 “figure” 元素的第一個或最后一個子元素的位置。

HTML5: ? ? ??<figure><figcaption>PRC</figure></figcaption>

HTML4: ? ? ??none

10.<figure>

<figure>標(biāo)簽用于對元素進(jìn)行組合。使用<figcaption>元素為元素組添加標(biāo)題。

HTML5:

<figure><figcaption>PRC</figcaption><p>The People's Republic of China was born in 1949...</p></figure>

HTML4:

<dl><h1>PRC</h1><p>The People's Republic of China was born in 1949...</p></dl>

11.<footer>

<footer>標(biāo)簽定義 section 或 document 的頁腳。典型地,它會包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期以及/或者聯(lián)系信息。

HTML5: ? ??<footer></footer>

HTML4: ? ? <div></div>

12.<header>

<header>標(biāo)簽定義 section 或 document 的頁眉。

HTML5: ? ??<header></header>

HTML4: ? ??<div></div>

13.<hgroup>

<hgroup>標(biāo)簽用于對網(wǎng)頁或區(qū)段(section)的標(biāo)題進(jìn)行組合。

HTML5: ? ??<hgroup></hgroup>

HTML4: ? ? ?<div></div>

14.<keygen>

<keygen>標(biāo)簽定義生成密鑰。

HTML5: ? ?<keygen>

HTML4: ? ?none

15.<mark>

<mark>主要用來在視覺上向用戶呈現(xiàn)那些需要突出的文字。<mark>標(biāo)簽的一個比較典型的應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示搜索關(guān)鍵詞。

HTML5: ??<mark></mark>

HTML4: ??<span></span>

16.<meter>

<meter>標(biāo)簽定義度量衡。僅用于已知最大和最小值的度量。必須定義度量的范圍,既可以在元素的文本中,也可以在 min/max 屬性中定義。

HTML5: ? ?<meter></meter>

HTML4: ? ??none

17.<nav>

<nav>標(biāo)簽定義導(dǎo)航鏈接的部分。

HTML5: ? ?<nav></nav>

HTML4: ??<ul></ul>

18.<output>

<output>標(biāo)簽定義不同類型的輸出,比如腳本的輸出。

HTML5: ??<output></output>

HTML4: ? ?<span></span>

19.<progress>

<progress>標(biāo)簽運(yùn)行中的進(jìn)程。可以使用<progress>標(biāo)簽來顯示 JavaScript 中耗費時間的函數(shù)的進(jìn)程。

HTML5: ??<progress></progress>

HTML4: ?? none

20.<rp>

<rp>標(biāo)簽在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。

HTML5: ? ?<ruby>漢<rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>

HTML4: ? ? none

21.<rt>

<rt>標(biāo)簽定義字符(中文注音或字符)的解釋或發(fā)音。

HTML5: ? <ruby>漢<rt>ㄏㄢˋ</rt></ruby>

HTML4: ? ? none

22.<ruby>

<ruby>標(biāo)簽定義 ruby 注釋(中文注音或字符)。

HTML5: ??<ruby>漢<rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>

HTML4:? ? none

23.<section>

<section>標(biāo)簽定義文檔中的節(jié)(section、區(qū)段)。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。

HTML5: ??<section></section>

HTML4: ??<div></div>

24.<source>

<source>標(biāo)簽為媒介元素(比如<video>和<audio>)定義媒介資源。

HTML5: ??<source>

HTML4: ??<param>

25.<summary>

<summary>標(biāo)簽包含 details 元素的標(biāo)題,”details” 元素用于描述有關(guān)文檔或文檔片段的詳細(xì)信息。”summary” 元素應(yīng)該是 “details” 元素的第一個子元素。

HTML5:

<details><summary>HTML 5</summary>This document teaches you everything you have to learn about HTML 5.</details>

HTML4: ?? none

26.<time>

<time>標(biāo)簽定義日期或時間,或者兩者。

HTML5: ??<time></time>

HTML4: ??<span></span>

27.<video>

<video>標(biāo)簽定義視頻,比如電影片段或其他視頻流。

HTML5:

<video src="movie.ogg" controls="controls">您的瀏覽器不支持 video 標(biāo)簽。</video>

HTML4:

<object type="video/ogg" data="movie.ogv">

<param name="src" value="movie.ogv"></object>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容