DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML5標簽大全
HTML5標簽大全
編輯: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:頁面中的一個內容區塊,入章節、頁面、頁腳或頁面的其他部分、可以和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:<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標簽大全,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved