筆記H5的新標簽以及與H4相比較之下的區(qū)別

<article>標簽定義外部的內(nèi)容。比如來自一個外部的新聞提供者的一篇新的文章滞伟,或者來自 blog 的文本,或者是來自論壇的文本炕贵。亦或是來自其他外部源內(nèi)容梆奈。HTML5:<article></article>
HTML4:<div></div>

<aside>標簽定義 article 以外的內(nèi)容。aside 的內(nèi)容應該與 article 的內(nèi)容相關(guān)称开。HTML5:<aside>Aside 的內(nèi)容是獨立的內(nèi)容亩钟,但應與文檔內(nèi)容相關(guān)乓梨。</aside>
HTML4:<div>Aside 的內(nèi)容是獨立的內(nèi)容,但應與文檔內(nèi)容相關(guān)清酥。</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 元素是為了客戶端矢量圖形而設(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>

<command> 標簽定義命令按鈕荸频,比如單選按鈕、復選框或按鈕客冈。**HTML5: **<command onclick=cut()" label="cut">
**HTML4: **none

<datalist> 標簽定義可選數(shù)據(jù)的列表旭从。與 input 元素配合使用,就可以制作出輸入值的下拉列表场仲。**HTML5: **<datalist></datalist>
**HTML4: **see combobox.

<details> 標簽定義元素的細節(jié)和悦,用戶可進行查看,或通過點擊進行隱藏渠缕。與 <legend> 一起使用鸽素,來制作 detail 的標題。該標題對用戶是可見的亦鳞,當在其上點擊時可打開或關(guān)閉 detail馍忽。HTML5: <details></details>
**HTML4: **<dl style="display:hidden"></dl>

<embed> 標簽定義嵌入的內(nèi)容,比如插件燕差。**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)作日期以及/或者聯(lián)系信息碗啄。HTML5: <footer></footer>
**HTML4: **<div></div>

<header> 標簽定義 section 或 document 的頁眉质和。HTML5: <header></header>
**HTML4: **<div></div>

<hgroup> 標簽用于對網(wǎng)頁或區(qū)段(section)的標題進行組合。HTML5: <hgroup></hgroup>
HTML4: <div></div>

<keygen> 標簽定義生成密鑰稚字。HTML5: <keygen>
HTML4: none

<mark>主要用來在視覺上向用戶呈現(xiàn)那些需要突出的文字侦另。<mark>標簽的一個比較典型的應用就是在搜索結(jié)果中向用戶高亮顯示搜索關(guān)鍵詞。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 中耗費時間的函數(shù)的進程礼搁。HTML5: <progress></progress>
HTML4: none

<rp> 標簽在 ruby 注釋中使用饶碘,以定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。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” 元素用于描述有關(guān)文檔或文檔片段的詳細信息歹河⊙谡悖”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>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市纱耻,隨后出現(xiàn)的幾起案子芭梯,更是在濱河造成了極大的恐慌,老刑警劉巖弄喘,帶你破解...
    沈念sama閱讀 210,835評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件玖喘,死亡現(xiàn)場離奇詭異,居然都是意外死亡蘑志,警方通過查閱死者的電腦和手機累奈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評論 2 383
  • 文/潘曉璐 我一進店門贬派,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人澎媒,你說我怎么就攤上這事搞乏。” “怎么了戒努?”我有些...
    開封第一講書人閱讀 156,481評論 0 345
  • 文/不壞的土叔 我叫張陵请敦,是天一觀的道長。 經(jīng)常有香客問我储玫,道長侍筛,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,303評論 1 282
  • 正文 為了忘掉前任撒穷,我火速辦了婚禮匣椰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘端礼。我一直安慰自己禽笑,他們只是感情好,可當我...
    茶點故事閱讀 65,375評論 5 384
  • 文/花漫 我一把揭開白布齐媒。 她就那樣靜靜地躺著,像睡著了一般纷跛。 火紅的嫁衣襯著肌膚如雪喻括。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,729評論 1 289
  • 那天贫奠,我揣著相機與錄音唬血,去河邊找鬼。 笑死唤崭,一個胖子當著我的面吹牛拷恨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播谢肾,決...
    沈念sama閱讀 38,877評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼腕侄,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了芦疏?” 一聲冷哼從身側(cè)響起冕杠,我...
    開封第一講書人閱讀 37,633評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎酸茴,沒想到半個月后分预,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,088評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡薪捍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,443評論 2 326
  • 正文 我和宋清朗相戀三年笼痹,在試婚紗的時候發(fā)現(xiàn)自己被綠了配喳。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,563評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡凳干,死狀恐怖晴裹,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情纺座,我是刑警寧澤息拜,帶...
    沈念sama閱讀 34,251評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站净响,受9級特大地震影響少欺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜馋贤,卻給世界環(huán)境...
    茶點故事閱讀 39,827評論 3 312
  • 文/蒙蒙 一赞别、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧配乓,春花似錦仿滔、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至腰埂,卻和暖如春飒焦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背屿笼。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評論 1 264
  • 我被黑心中介騙來泰國打工牺荠, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人驴一。 一個月前我還...
    沈念sama閱讀 46,240評論 2 360
  • 正文 我出身青樓休雌,卻偏偏與公主長得像,于是被迫代替她去往敵國和親肝断。 傳聞我的和親對象是個殘疾皇子杈曲,可洞房花燭夜當晚...
    茶點故事閱讀 43,435評論 2 348

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

  • 標簽定義外部的內(nèi)容。比如來自一個外部的新聞提供者的一篇新的文章胸懈,或者來自 blog 的文本鱼蝉,或者是來自論壇的文本。...
    DecadeHeart閱讀 325評論 0 0
  • html5特點: 1.簡單2.標簽語義化(該用div還是要用)3.語法寬松 (容錯能力強)4.多設(shè)備跨平臺5.自適...
    秀才JaneBook閱讀 545評論 0 2
  • 1.<article> 標簽定義外部的內(nèi)容箫荡。比如來自一個外部的新聞提供者的一篇新的文章魁亦,或者來自 blog 的文本...
    柒月柒日晴7閱讀 195評論 0 0
  • 1. 標簽定義外部的內(nèi)容。比如來自一個外部的新聞提供者的一篇新的文章羔挡,或者來自 blog 的文本洁奈,或者是來自論壇的...
    飛吧666閱讀 319評論 0 0
  • 本文主要介紹Html5和Html4的區(qū)別间唉。 語法的改變 內(nèi)容類型HTML5 的文件擴展符與內(nèi)容類型保持不變。擴展符...
    layjoy閱讀 1,832評論 0 23