首頁 > web前端 > H5教程 > 主體

總結HTML5中的標籤

零下一度
發布: 2017-05-26 15:36:57
原創
1991 人瀏覽過

可以進行省略的標籤

不允許寫結束標記的標籤: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:

<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:

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:可編輯

【相關推薦】

##1.

免費h5線上影片教學

2. 

解決HTML5新標籤的瀏覽器相容性問題

3. 

HTML5新增元素、標籤總結

以上是總結HTML5中的標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!