您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 移動前端 >> 瀏覽設(shè)計(jì)教程

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)對文檔流產(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)記是給收索引擎用的,引擎會根據(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:對輸入內(nèi)容進(jìn)行語法糾錯(cuò)。exp:<textarea spellcheck="true" ></textarea>

tabindex:tab鍵順序。

contenteditable:對內(nèi)容進(jìn)行修改。exp:<p contenteditable="true" ></p>

讓整個(gè)文本都可編輯:<script>window.document.designMode="off";</script>//off關(guān)閉,on:可編輯

以上所述是小編給大家介紹的HTML5標(biāo)簽大全,盼望對大家有所幫助,假如大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也特別很是感謝大家對圖趣網(wǎng)網(wǎng)站的支撐!

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/wd3320.html
無線端頁面設(shè)計(jì)要點(diǎn)之—詳情頁
HTML5拖放結(jié)果的實(shí)當(dāng)代碼
圖趣網(wǎng)微信
建議反饋
×