對(duì)于HTML5我相信大家都非常的了解,它是由W3C推薦出來(lái)的,但是它的開(kāi)發(fā)卻是由谷歌、蘋(píng)果、諾基亞、中國(guó)移動(dòng)等幾百家公司共同完成的。它是一個(gè)公開(kāi)的技術(shù),意味著大多數(shù)的瀏覽器與平臺(tái)都可以去實(shí)現(xiàn)。同時(shí),HTML5也被賦予了很多新的元素與屬性。下面,
合肥網(wǎng)站建設(shè)小編來(lái)告訴你HTML5代碼中新標(biāo)簽的用法。
想要知道HTML5中的代碼有什么樣的不同,那就需要有對(duì)比性的東西,這里我們找來(lái)了HTML4,讓HTML4與HTML5進(jìn)行一個(gè)大碰撞,這樣,我們就知道有哪些不同了。
1.<aside>標(biāo)簽
<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>
2.<command>標(biāo)簽
<command>標(biāo)簽:定義命令按鈕,比如單選按鈕、復(fù)選框或按鈕。
HTML5: <command onclick=cut()" label="cut">
HTML4: none
3.<embed>標(biāo)簽
<embed>標(biāo)簽:定義嵌入的內(nèi)容,比如插件。
HTML5: <embed src="horse.wav" />
HTML4: <object data="flash.swf" type="application/x-shockwave-flash"></object>
4.<header>標(biāo)簽
<header>標(biāo)簽:定義section或document的頁(yè)眉。
HTML5: <header></header>
HTML4: <div></div>
5.<output>標(biāo)簽
<output>標(biāo)簽:定義不同類(lèi)型的輸出,比如腳本的輸出。
HTML5: <output></output>
HTML4: <span></span>
6.<section>標(biāo)簽
<section>標(biāo)簽:定義文檔中的節(jié)(section、區(qū)段)。比如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分。
HTML5: <section></section>
HTML4: <div></div>
7.<time>標(biāo)簽
<time>標(biāo)簽:定義日期或時(shí)間,或者兩者。
HTML5: <time></time>
HTML4: <span></span>
8.<article>標(biāo)簽
<article>標(biāo)簽:定義外部的內(nèi)容,比如來(lái)自一個(gè)外部的新聞提供到馬海祥博客的一篇新文章,或者來(lái)自blog的文本,或者是來(lái)自論壇的文本,亦或是來(lái)自其他外部源內(nèi)容。
HTML5: <article></article>
HTML4: <div></div>
9.<datalist>標(biāo)簽
<datalist>標(biāo)簽:定義可選數(shù)據(jù)的列表。與input元素配合使用,就可以制作出輸入值的下拉列表。
HTML5: <datalist></datalist>
HTML4: see combobox.
10.<figcaption>標(biāo)簽
<figcaption>標(biāo)簽:定義figure元素的標(biāo)題。“figcaption” 元素應(yīng)該被置于“figure”元素的第一個(gè)或最后一個(gè)子元素的位置。
HTML5: <figure><figcaption>PRC</figcaption></figure>
HTML4: none
通過(guò)與HTML4代碼的比對(duì),我們可以看出,HTML5被賦予了很多新的功能,而把HTML4中一些過(guò)時(shí)的標(biāo)記給取消了。另外,HTML5最大的優(yōu)點(diǎn)在于它可以跨平臺(tái)使用,也就是因?yàn)檫@個(gè)原因,讓很多很多的人對(duì)HTML5非常感興趣。