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