H5的標籤使用詳解

這次帶給大家H5的標籤使用詳解，使用H5標籤的注意事項有哪些，以下就是實戰案例，一起來看一下。

不允許寫結束標記的標籤：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:頁面中的一個內容區塊，入章節、頁面、頁腳或頁面的其他部分、可以和h1、h2...等標籤結合使用，表示文檔結構。

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

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

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

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

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

nav:導覽連結的部分。

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

video:影片。 exp:

audio:音訊。

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

mark:變顏色，關注。

progress:進度列。 exp:

time:定義日期或時間，或兩者。這個標記是給收索引擎的，引擎會根據這個標註知道這塊表示一個時間。有個屬性是pubdate，當引擎讀到時就知道這塊中的datatime中的值就是這篇文章的發佈時間，而在這時間中有兩個特殊的字符T和Z。 T表示日期和時間的分隔符，Z表示時間的標準格式。 exp:

datalist:定義選項清單。與 input 元素搭配使用該元素，來定義 input 可能的值。 exp:

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:

tabindex:tab鍵順序。

contenteditable:對內容進行修改。 exp:

讓整個文字都可編輯：

<script>window.
document
.designMode="off";</script>//off关闭,on:可编辑

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

分頁查詢的使用詳解

#Node.js如何開發微信牆

以上是H5的標籤使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！