HTML5標(biāo)簽大全
可以進(jìn)行省略的標(biāo)簽
不許可寫結(jié)束標(biāo)記的標(biāo)簽:area(定義圖像映射中的區(qū)域)、base(為頁面上的所有鏈接規(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:頁面中的一個(gè)內(nèi)容區(qū)塊,入章節(jié)、頁面、頁腳或頁面的其他部分、可以和h1、h2...等標(biāo)簽結(jié)合起來使用,透露表現(xiàn)文檔結(jié)構(gòu)。
article:透露表現(xiàn)頁面中一塊與上下文不干系的自力內(nèi)容,比如一篇文章。
aside:定義 article 以外的內(nèi)容。aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相干。
header:頁面中的內(nèi)容區(qū)塊或整個(gè)頁面的題目。
footer:頁面中的內(nèi)容區(qū)塊或整個(gè)頁面的腳注。
hgroup:頁面中的內(nèi)容區(qū)塊或整個(gè)頁面的題目進(jìn)行組合。
nav:導(dǎo)航鏈接的部分。
figure:規(guī)定自力的流內(nèi)容(圖像、圖表、照片、代碼等等,內(nèi)容應(yīng)該與主內(nèi)容相干,但假如被刪除,則不應(yīng)對文檔流產(chǎn)生影響)。
video:視頻。exp:<video src="url" controls="controls">視頻</video>
audio:音頻。
embed:用來嵌入內(nèi)容(包括各種媒體)。
mark:變顏色,關(guān)注。
progress:進(jìn)度條。exp:<progress max="100" value="85"></progress>
time:定義日期或時(shí)間,或者兩者。這個(gè)標(biāo)記是給收索引擎用的,引擎會根據(jù)這個(gè)標(biāo)注知道這塊透露表現(xiàn)一個(gè)時(shí)間。有個(gè)屬性為pubdate,當(dāng)引擎讀到時(shí)就知道這塊中的datatime中的值就是這篇文章的發(fā)布時(shí)間,而在這時(shí)間中有兩個(gè)特別的字符T和Z。T透露表現(xiàn)日期和時(shí)間的分隔符,Z透露表現(xiàn)時(shí)間的標(biāo)準(zhǔn)格式。exp:<time datatime="2016-11-21 T 10:45 Z" pubdate></time>
datalist:定義選項(xiàng)列表。與 input 元素配合使用該元素,來定義 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:對輸入內(nèi)容進(jìn)行語法糾錯(cuò)。exp:<textarea spellcheck="true" ></textarea>
tabindex:tab鍵順序。
contenteditable:對內(nèi)容進(jìn)行修改。exp:<p contenteditable="true" ></p>
讓整個(gè)文本都可編輯:<script>window.document.designMode="off";</script>//off關(guān)閉,on:可編輯
以上所述是小編給大家介紹的HTML5標(biāo)簽大全,盼望對大家有所幫助,假如大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也特別很是感謝大家對圖趣網(wǎng)網(wǎng)站的支撐!
本文地址:http://irelandcustomcontracting.com/tutorial/wd3320.html