HTML5標(biāo)簽大全
可以進(jìn)行省略的標(biāo)簽
不許可寫結(jié)束標(biāo)記的標(biāo)簽:area(定義圖像映射中的區(qū)域)、base(為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo))、br、col(為表格中一個(gè)或多個(gè)列定義屬性值)、embed(定義嵌入的內(nèi)容,比如插件--5)、hr、img、input、keygen、link、meta、param、source、track、wbr
可以省略結(jié)束標(biāo)記的標(biāo)簽:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th
可以完全省略的標(biāo)簽:html、head、body、colgroup、tbody
新增的標(biāo)簽
section:頁面中的一個(gè)內(nèi)容區(qū)塊,入章節(jié)、頁面、頁腳或頁面的其他部分、可以和h1、h2...等標(biāo)簽結(jié)合起來使用,透露表現(xiàn)文檔結(jié)構(gòu)。
article:透露表現(xiàn)頁面中一塊與上下文不干系的自力內(nèi)容,比如一篇文章。
aside:定義 article 以外的內(nèi)容。aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相干。
header:頁面中的內(nèi)容區(qū)塊或整個(gè)頁面的題目。
footer:頁面中的內(nèi)容區(qū)塊或整個(gè)頁面的腳注。
hgroup:頁面中的內(nèi)容區(qū)塊或整個(gè)頁面的題目進(jìn)行組合。
nav:導(dǎo)航鏈接的部分。
figure:規(guī)定自力的流內(nèi)容(圖像、圖表、照片、代碼等等,內(nèi)容應(yīng)該與主內(nèi)容相干,但假如被刪除,則不應(yīng)對(duì)文檔流產(chǎn)生影響)。
video:視頻。exp:<video src="url" controls="controls">視頻</video>
audio:音頻。
embed:用來嵌入內(nèi)容(包括各種媒體)。
mark:變顏色,關(guān)注。
progress:進(jìn)度條。exp:<progress max="100" value="85"></progress>
time:定義日期或時(shí)間,或者兩者。這個(gè)標(biāo)記是給收索引擎用的,引擎會(huì)根據(jù)這個(gè)標(biāo)注知道這塊透露表現(xiàn)一個(gè)時(shí)間。有個(gè)屬性為pubdate,當(dāng)引擎讀到時(shí)就知道這塊中的datatime中的值就是這篇文章的發(fā)布時(shí)間,而在這時(shí)間中有兩個(gè)特別的字符T和Z。T透露表現(xiàn)日期和時(shí)間的分隔符,Z透露表現(xiàn)時(shí)間的標(biāo)準(zhǔn)格式。exp:<time datatime="2016-11-21 T 10:45 Z" pubdate></time>
datalist:定義選項(xiàng)列表。與 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:隱蔽,單標(biāo)簽。
spellcheck:對(duì)輸入內(nèi)容進(jìn)行語法糾錯(cuò)。exp:<textarea spellcheck="true" ></textarea>
tabindex:tab鍵順序。
contenteditable:對(duì)內(nèi)容進(jìn)行修改。exp:<p contenteditable="true" ></p>
讓整個(gè)文本都可編輯:<script>window.document.designMode="off";</script>//off關(guān)閉,on:可編輯
以上所述是小編給大家介紹的HTML5標(biāo)簽大全,盼望對(duì)大家有所幫助,假如大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也特別很是感謝大家對(duì)圖趣網(wǎng)網(wǎng)站的支撐!
本文地址:http://www.likemindfilms.com/tutorial/wd3320.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏