首頁 > web前端 > H5教程 > H5的標籤使用詳解

H5的標籤使用詳解

php中世界最好的语言
發布: 2018-03-26 11:41:20
原創
3811 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板