HTML5標簽的示例分析

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

可以進行省略的標簽

不允許寫結束標記的標簽：area(定義圖像映射中的區域)、base(為頁面上的所有鏈接規定默認地址或默認目標)、br、col(為表格中一個或多個列定義屬性值)、embed(定義嵌入的內容，比如插件--5)、hr、img、input、keygen、link、meta、param、source、track、wbr

可以省略結束標記的標簽：li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

可以完全省略的標簽：html、head、body、colgroup、tbody

新增的標簽

section:頁面中的一個內容區塊，入章節、頁面、頁腳或頁面的其他部分、可以和h2、h3...等標簽結合起來使用，表示文檔結構。

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

aside:定義 article 以外的內容。aside 的內容應該與 article 的內容相關。

header:頁面中的內容區塊或整個頁面的標題。

footer:頁面中的內容區塊或整個頁面的腳注。

hgroup:頁面中的內容區塊或整個頁面的標題進行組合。

nav:導航鏈接的部分。

figure:規定獨立的流內容（圖像、圖表、照片、代碼等等，內容應該與主內容相關，但如果被刪除，則不應對文檔流產生影響）。

video:視頻。exp:<video src="url" controls="controls">視頻</video>

audio:音頻。

embed:用來嵌入內容（包括各種媒體）。

mark:變顏色，關注。

progress:進度條。exp:<progress max="100" value="85"></progress>

time:定義日期或時間，或者兩者。這個標記是給收索引擎用的，引擎會根據這個標注知道這塊表示一個時間。有個屬性為pubdate，當引擎讀到時就知道這塊中的datatime中的值就是這篇文章的發布時間，而在這時間中有兩個特殊的字符T和Z。T表示日期和時間的分隔符，Z表示時間的標準格式。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:隱藏，單標簽。

spellcheck:對輸入內容進行語法糾錯。exp:<textarea spellcheck="true" ></textarea>

tabindex:tab鍵順序。

contenteditable:對內容進行修改。exp:<p contenteditable="true" ></p>

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

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