1.3 h5新標(biāo)簽

1.<article>

<article>標(biāo)簽定義外部的內(nèi)容。比如來自一個(gè)外部的新聞提供者的一篇新的文章第租,或者來自 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)容是獨(dú)立的內(nèi)容,但應(yīng)與文檔內(nèi)容相關(guān)汰蜘。</aside>

HTML4:

<div>Aside 的內(nèi)容是獨(dú)立的內(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)簽定義圖形色难,比如圖表和其他圖像泼舱。這個(gè) HTML 元素是為了客戶端矢量圖形而設(shè)計(jì)的。它自己沒有行為枷莉,但卻把一個(gè)繪圖 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)行查看召衔,或通過點(diǎn)擊進(jìn)行隱藏铃诬。與<legend>一起使用,來制作 detail 的標(biāo)題苍凛。該標(biāo)題對(duì)用戶是可見的趣席,當(dāng)在其上點(diǎn)擊時(shí)可打開或關(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” 元素的第一個(gè)或最后一個(gè)子元素的位置。

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

HTML4: ? ? ??none

10.<figure>

<figure>標(biāo)簽用于對(duì)元素進(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 的頁腳。典型地俘枫,它會(huì)包含創(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)簽用于對(duì)網(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)簽的一個(gè)比較典型的應(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 中耗費(fèi)時(shí)間的函數(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” 元素的第一個(gè)子元素刻两。

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)簽定義日期或時(shí)間,或者兩者滴某。

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)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末户誓,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子幕侠,更是在濱河造成了極大的恐慌帝美,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,835評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件晤硕,死亡現(xiàn)場(chǎng)離奇詭異悼潭,居然都是意外死亡庇忌,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門女责,熙熙樓的掌柜王于貴愁眉苦臉地迎上來漆枚,“玉大人,你說我怎么就攤上這事抵知∏交” “怎么了?”我有些...
    開封第一講書人閱讀 156,481評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵刷喜,是天一觀的道長(zhǎng)残制。 經(jīng)常有香客問我,道長(zhǎng)掖疮,這世上最難降的妖魔是什么初茶? 我笑而不...
    開封第一講書人閱讀 56,303評(píng)論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮浊闪,結(jié)果婚禮上恼布,老公的妹妹穿的比我還像新娘。我一直安慰自己搁宾,他們只是感情好折汞,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,375評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著盖腿,像睡著了一般爽待。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上翩腐,一...
    開封第一講書人閱讀 49,729評(píng)論 1 289
  • 那天鸟款,我揣著相機(jī)與錄音,去河邊找鬼茂卦。 笑死何什,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的等龙。 我是一名探鬼主播处渣,決...
    沈念sama閱讀 38,877評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼而咆!你這毒婦竟也來了霍比?” 一聲冷哼從身側(cè)響起幕袱,我...
    開封第一講書人閱讀 37,633評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤暴备,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后们豌,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體涯捻,經(jīng)...
    沈念sama閱讀 44,088評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡浅妆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,443評(píng)論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了障癌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片凌外。...
    茶點(diǎn)故事閱讀 38,563評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖涛浙,靈堂內(nèi)的尸體忽然破棺而出康辑,到底是詐尸還是另有隱情,我是刑警寧澤轿亮,帶...
    沈念sama閱讀 34,251評(píng)論 4 328
  • 正文 年R本政府宣布疮薇,位于F島的核電站,受9級(jí)特大地震影響我注,放射性物質(zhì)發(fā)生泄漏按咒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,827評(píng)論 3 312
  • 文/蒙蒙 一但骨、第九天 我趴在偏房一處隱蔽的房頂上張望励七。 院中可真熱鬧,春花似錦奔缠、人聲如沸掠抬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽剿另。三九已至,卻和暖如春贬蛙,著一層夾襖步出監(jiān)牢的瞬間雨女,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工阳准, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留氛堕,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,240評(píng)論 2 360
  • 正文 我出身青樓野蝇,卻偏偏與公主長(zhǎng)得像讼稚,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子绕沈,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,435評(píng)論 2 348

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