HTML5標(biāo)簽的示例分析

這篇文章給大家分享的是有關(guān)HTML5標(biāo)簽的示例分析的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

可以進(jìn)行省略的標(biāo)簽

不允許寫結(jié)束標(biāo)記的標(biāo)簽：area(定義圖像映射中的區(qū)域)、base(為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo))、br、col(為表格中一個或多個列定義屬性值)、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:頁面中的一個內(nèi)容區(qū)塊，入章節(jié)、頁面、頁腳或頁面的其他部分、可以和h2、h3...等標(biāo)簽結(jié)合起來使用，表示文檔結(jié)構(gòu)。

article:表示頁面中一塊與上下文不相干的獨立內(nèi)容，比如一篇文章。

aside:定義 article 以外的內(nèi)容。aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)。

header:頁面中的內(nèi)容區(qū)塊或整個頁面的標(biāo)題。

footer:頁面中的內(nèi)容區(qū)塊或整個頁面的腳注。

hgroup:頁面中的內(nèi)容區(qū)塊或整個頁面的標(biāo)題進(jìn)行組合。

nav:導(dǎo)航鏈接的部分。

figure:規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等，內(nèi)容應(yīng)該與主內(nèi)容相關(guān)，但如果被刪除，則不應(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:定義日期或時間，或者兩者。這個標(biāo)記是給收索引擎用的，引擎會根據(jù)這個標(biāo)注知道這塊表示一個時間。有個屬性為pubdate，當(dāng)引擎讀到時就知道這塊中的datatime中的值就是這篇文章的發(fā)布時間，而在這時間中有兩個特殊的字符T和Z。T表示日期和時間的分隔符，Z表示時間的標(biāo)準(zhǔn)格式。exp:<time datatime="2016-11-21 T 10：45 Z" pubdate></time>

datalist:定義選項列表。與 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)行語法糾錯。exp:<textarea spellcheck="true" ></textarea>

tabindex:tab鍵順序。

contenteditable:對內(nèi)容進(jìn)行修改。exp:<p contenteditable="true" ></p>

讓整個文本都可編輯：<script>window.document.designMode="off";</script>//off關(guān)閉,on:可編輯

感謝各位的閱讀！關(guān)于“HTML5標(biāo)簽的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！