您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關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中有哪些標簽”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。