H5新標簽-碼動未來

<article>標簽定義外部的內容蚜印。比如來自一個外部的新聞提供者的一篇新的文章担猛,或者來自 blog 的文本松蒜,或者是來自論壇的文本擂涛。亦或是來自其他外部源內容读串。

HTML5:<article></article>

HTML4:<div></div>

<aside>標簽定義 article 以外的內容。aside 的內容應該與 article 的內容相關撒妈。

HTML5:<aside>Aside 的內容是獨立的內容恢暖,但應與文檔內容相關。</aside>

HTML4:<div>Aside 的內容是獨立的內容狰右,但應與文檔內容相關杰捂。</div>

<audio> 標簽定義聲音,比如音樂或其他音頻流棋蚌。

HTML5:<audio src="someaudio.wav">您的瀏覽器不支持 audio 標簽嫁佳。</audio>

HTML4:<object type="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav"></object>

<canvas> 標簽定義圖形,比如圖表和其他圖像谷暮。這個 HTML 元素是為了客戶端矢量圖形而設計的蒿往。它自己沒有行為,但卻把一個繪圖 API 展現給客戶端 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>

<command> 標簽定義命令按鈕,比如單選按鈕情臭、復選框或按鈕省撑。

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

HTML4: none

<datalist> 標簽定義可選數據的列表。與 input 元素配合使用俯在,就可以制作出輸入值的下拉列表竟秫。

HTML5: <datalist></datalist>

HTML4: see combobox.

<details> 標簽定義元素的細節(jié),用戶可進行查看跷乐,或通過點擊進行隱藏肥败。與 <legend> 一起使用,來制作 detail 的標題。該標題對用戶是可見的馒稍,當在其上點擊時可打開或關閉 detail皿哨。

HTML5: <details></details>

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

<embed> 標簽定義嵌入的內容,比如插件纽谒。

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

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

<figcaption> 標簽定義 figure 元素的標題证膨。”figcaption” 元素應該被置于 “figure” 元素的第一個或最后一個子元素的位置鼓黔。

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

HTML4: none

<figure> 標簽用于對元素進行組合央勒。使用 <figcaption> 元素為元素組添加標題。

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>

<footer> 標簽定義 section 或 document 的頁腳澳化。典型地崔步,它會包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期以及/或者聯系信息缎谷。

HTML5: <footer></footer>

HTML4: <div></div>

<header> 標簽定義 section 或 document 的頁眉井濒。

HTML5: <header></header>

HTML4: <div></div>

<hgroup> 標簽用于對網頁或區(qū)段(section)的標題進行組合。

HTML5: <hgroup></hgroup>

HTML4: <div></div>

<keygen> 標簽定義生成密鑰慎陵。

HTML5: <keygen>

HTML4: none

<mark>主要用來在視覺上向用戶呈現那些需要突出的文字眼虱。<mark>標簽的一個比較典型的應用就是在搜索結果中向用戶高亮顯示搜索關鍵詞。

HTML5: <mark></mark>

HTML4: <span></span>

<meter> 標簽定義度量衡席纽。僅用于已知最大和最小值的度量捏悬。必須定義度量的范圍,既可以在元素的文本中润梯,也可以在 min/max 屬性中定義过牙。

HTML5: <meter></meter>

HTML4: none

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

HTML5: <nav></nav>

HTML4:<ul></ul>

<output> 標簽定義不同類型的輸出纺铭,比如腳本的輸出寇钉。

HTML5: <output></output>

HTML4: <span></span>

<progress> 標簽運行中的進程〔芭猓可以使用 <progress> 標簽來顯示 JavaScript 中耗費時間的函數的進程扫倡。

HTML5: <progress></progress>

HTML4: none

<rp> 標簽在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內容竟纳。

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

HTML4: none

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

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

HTML4: none

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

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

HTML4: none

<section> 標簽定義文檔中的節(jié)(section锥累、區(qū)段)缘挑。比如章節(jié)、頁眉桶略、頁腳或文檔中的其他部分语淘。

HTML5: <section></section>

HTML4: <div></div>

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

HTML5: <source>

HTML4: <param>

<summary> 標簽包含 details 元素的標題,”details” 元素用于描述有關文檔或文檔片段的詳細信息惶翻」美叮”summary” 元素應該是 “details” 元素的第一個子元素。

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

HTML4: none

<time> 標簽定義日期或時間维贺,或者兩者它掂。

HTML5: <time></time>

HTML4: <span></span>

<video> 標簽定義視頻,比如電影片段或其他視頻流溯泣。

HTML5: <video src="movie.ogg" controls="controls">您的瀏覽器不支持 video 標簽虐秋。</video>

HTML4:<object type="video/ogg" data="movie.ogv"><param name="src" value="movie.ogv"></object>


?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市垃沦,隨后出現的幾起案子客给,更是在濱河造成了極大的恐慌,老刑警劉巖肢簿,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件靶剑,死亡現場離奇詭異,居然都是意外死亡池充,警方通過查閱死者的電腦和手機桩引,發(fā)現死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來收夸,“玉大人坑匠,你說我怎么就攤上這事∥韵В” “怎么了厘灼?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長咽瓷。 經常有香客問我设凹,道長,這世上最難降的妖魔是什么茅姜? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任闪朱,我火速辦了婚禮,結果婚禮上钻洒,老公的妹妹穿的比我還像新娘奋姿。我一直安慰自己,他們只是感情好航唆,可當我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布胀蛮。 她就那樣靜靜地躺著院刁,像睡著了一般糯钙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天任岸,我揣著相機與錄音再榄,去河邊找鬼。 笑死享潜,一個胖子當著我的面吹牛困鸥,可吹牛的內容都是我干的。 我是一名探鬼主播剑按,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼疾就,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了艺蝴?” 一聲冷哼從身側響起猬腰,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎猜敢,沒想到半個月后姑荷,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡缩擂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年鼠冕,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胯盯。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡懈费,死狀恐怖,靈堂內的尸體忽然破棺而出陨闹,到底是詐尸還是另有隱情楞捂,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布趋厉,位于F島的核電站寨闹,受9級特大地震影響,放射性物質發(fā)生泄漏君账。R本人自食惡果不足惜繁堡,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望乡数。 院中可真熱鬧椭蹄,春花似錦、人聲如沸净赴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽玖翅。三九已至翼馆,卻和暖如春割以,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背应媚。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工严沥, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人中姜。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓消玄,卻偏偏與公主長得像,于是被迫代替她去往敵國和親丢胚。 傳聞我的和親對象是個殘疾皇子翩瓜,可洞房花燭夜當晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內容