HTML5標(biāo)簽大全

可以進(jìn)行省略的標(biāo)簽
不允許寫結(jié)束標(biāo)記的標(biāo)簽:area(定義圖像映射中的區(qū)域)、base(為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo))、br、col(為表格中一個(gè)或多個(gè)列定義屬性值)、embed(定義嵌入的內(nèi)容,比如插件--5)、hr、img、input、keygen、link、meta、param、source、track、wbr
可以省略結(jié)束標(biāo)記的標(biāo)簽:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th
可以完全省略的標(biāo)簽:html、head、body、colgroup、tbody
新增的標(biāo)簽
section:頁(yè)面中的一個(gè)內(nèi)容區(qū)塊,入章節(jié)、頁(yè)面、頁(yè)腳或頁(yè)面的其他部分、可以和h1、h2...等標(biāo)簽結(jié)合起來(lái)使用,表示文檔結(jié)構(gòu)。
article:表示頁(yè)面中一塊與上下文不相干的獨(dú)立內(nèi)容,比如一篇文章。
aside:定義 article 以外的內(nèi)容。aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)。
header:頁(yè)面中的內(nèi)容區(qū)塊或整個(gè)頁(yè)面的標(biāo)題。
footer:頁(yè)面中的內(nèi)容區(qū)塊或整個(gè)頁(yè)面的腳注。
hgroup:頁(yè)面中的內(nèi)容區(qū)塊或整個(gè)頁(yè)面的標(biāo)題進(jìn)行組合。
nav:導(dǎo)航鏈接的部分。
figure:規(guī)定獨(dú)立的流內(nèi)容(圖像、圖表、照片、代碼等等,內(nèi)容應(yīng)該與主內(nèi)容相關(guān),但如果被刪除,則不應(yīng)對(duì)文檔流產(chǎn)生影響)。
video:視頻。exp:<video src="url" controls="controls">視頻</video>
audio:音頻。
embed:用來(lái)嵌入內(nèi)容(包括各種媒體)。
mark:變顏色,關(guān)注。
progress:進(jìn)度條。exp:<progress max="100" value="85"></progress>
time:定義日期或時(shí)間,或者兩者。這個(gè)標(biāo)記是給收索引擎用的,引擎會(huì)根據(jù)這個(gè)標(biāo)注知道這塊表示一個(gè)時(shí)間。有個(gè)屬性為pubdate,當(dāng)引擎讀到時(shí)就知道這塊中的datatime中的值就是這篇文章的發(fā)布時(shí)間,而在這時(shí)間中有兩個(gè)特殊的字符T和Z。T表示日期和時(shí)間的分隔符,Z表示時(shí)間的標(biāo)準(zhǔn)格式。exp:<time datatime="2016-11-21 T 10:45 Z" pubdate></time>
datalist:定義選項(xiàng)列表。與 input 元素配合使用該元素,來(lái)定義 input 可能的值。exp:<input list="cars"/><datalist id="cars"><option value=""></datalist>
output:exp:<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="50">100+<input type="number" id="b" value="50">=<output name="x" for="a b"></output></form>
全局屬性
data-type:自定義屬性。
hidden:隱藏,單標(biāo)簽。
spellcheck:對(duì)輸入內(nèi)容進(jìn)行語(yǔ)法糾錯(cuò)。exp:<textarea spellcheck="true" ></textarea>
tabindex:tab鍵順序。
contenteditable:對(duì)內(nèi)容進(jìn)行修改。exp:<p contenteditable="true" ></p>
讓整個(gè)文本都可編輯:<script>window.document.designMode="off";</script>//off關(guān)閉,on:可編輯
以上所述是小編給大家介紹的HTML5標(biāo)簽大全,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
- 這篇文章給大家整理了html5新增的九個(gè)標(biāo)簽,非常不錯(cuò),需要的朋友參考下2017-04-13
- 下面小編就為大家?guī)?lái)一篇HTML5 新標(biāo)簽全部總匯(推薦)。小編覺得挺不錯(cuò)的, 現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-06-13
HTML5的video標(biāo)簽的瀏覽器兼容性增強(qiáng)方案分享
使用HTML5時(shí)就應(yīng)該考慮包括桌面以及移動(dòng)端的瀏覽器兼容問題,特別是視頻方面瀏覽器對(duì)解碼的支持會(huì)有所不同,所以下面就來(lái)分享一個(gè)HTML5的video標(biāo)簽的瀏覽器兼容性增強(qiáng)方案分2016-05-19- 下面小編就為大家?guī)?lái)一篇HTML5標(biāo)簽嵌套規(guī)則詳解【必看】。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-04-26
- 這篇文章給大家介紹了html5文檔結(jié)構(gòu)標(biāo)簽的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-04-21