HTML5標(biāo)簽列表

HTML5標(biāo)簽列表

這里列出了所有標(biāo)準(zhǔn)化的HTML5標(biāo)簽欣除,按照功能分組。所有非標(biāo)準(zhǔn)化挪略,廢棄的標(biāo)簽都沒(méi)有列出耻涛。只列出了有效的HTML5元素,新網(wǎng)站應(yīng)當(dāng)只是用下列標(biāo)簽瘟檩。另外注意抹缕,下列標(biāo)簽可能已經(jīng)在HTML5標(biāo)準(zhǔn)中擴(kuò)充或修改。


根元素

<html> 代表HTML或XHTML文檔的根墨辛。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)卓研。


文檔元數(shù)據(jù)

<head> 代表關(guān)于文檔元數(shù)據(jù)的一個(gè)集合,包括腳本或樣式表的鏈接或內(nèi)容。
<title> 定義文檔標(biāo)題奏赘,將顯示在瀏覽器的標(biāo)題欄或者標(biāo)簽頁(yè)上寥闪。該元素只能包換文本,包含的標(biāo)簽不會(huì)被解釋磨淌。
<base> 定義頁(yè)面上相對(duì)URL的基準(zhǔn)URL疲憋。
<link> 用于鏈接外部的CSS到該文檔。
<meta> 定義其它HTML元素?zé)o法描述的元數(shù)據(jù)梁只。
<style> 用于內(nèi)聯(lián)CSS缚柳。


腳本

<script> 定義一個(gè)內(nèi)聯(lián)腳本或者鏈接到外部腳本。腳本語(yǔ)言是JavaScript搪锣。
<noscript> 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字秋忙。
<template> 通過(guò)JavaScript在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器。


章節(jié)

<body> 代表HTML文檔的內(nèi)容构舟。在文檔中只能有一個(gè)該元素灰追。
<section> 定義文檔中的一個(gè)章節(jié)。
<nav> 定義只包含導(dǎo)航鏈接的章節(jié)狗超。
<article> 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊弹澎。
<aside> 定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除,剩下的內(nèi)容仍然很合理努咐。
<h1>~<h6>標(biāo)題元素裁奇,實(shí)現(xiàn)了六層文檔標(biāo)題,<h1>是最大的標(biāo)題麦撵,<h6>是最小的標(biāo)題刽肠。標(biāo)題元素簡(jiǎn)要的描述章節(jié)的主體。
<header> 定義頁(yè)面或章節(jié)的頭部免胃。她經(jīng)常包含logo音五,頁(yè)面標(biāo)題和導(dǎo)航性的目錄。
<footer> 定義頁(yè)面或章節(jié)的尾部羔沙。他經(jīng)常包含版權(quán)信息躺涝,法律信息鏈接和反饋建議用的地址。
<address> 定義包含聯(lián)系信息的一個(gè)章節(jié)扼雏。
<main> 定義文檔中主要或者重要的內(nèi)容坚嗜。


組織內(nèi)容

<p> 定義一個(gè)段落。
</hr> 代表章節(jié)诗充,文章或者其他長(zhǎng)內(nèi)容中段落之間的分隔符(下劃線)苍蔬。(因?yàn)橛玫膍arkdown編輯的,會(huì)出現(xiàn)小語(yǔ)法錯(cuò)誤蝴蜓,這個(gè)標(biāo)簽沒(méi)有斜杠)
<pre> 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò)碟绑,格式應(yīng)當(dāng)保留俺猿。
<blockquote> 代表引用其他來(lái)源的內(nèi)容。
<ol> 定義一個(gè)有序列表格仲。
<ul> 定義一個(gè)無(wú)序列表押袍。
<li> 定義列表中的一個(gè)列表項(xiàng)。
<dl> 定義一個(gè)定義列表(一系列術(shù)語(yǔ)和其定義)凯肋。
<dt> 代表一個(gè)由下一個(gè)<dd>定義的術(shù)語(yǔ)谊惭。
<dd> 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義。
<figure> 代表一個(gè)和文檔有關(guān)的圖列侮东。
<figcaption> 代表一個(gè)圖例的說(shuō)明圈盔。
<div> 代表一個(gè)通用容器,沒(méi)有特殊含義苗桂。


文字形式

<a> 代表一個(gè)連接到其它資源的超鏈接药磺。
<em> 代表強(qiáng)調(diào)的文字告组。
<strong> 代表特別重要的文字煤伟。
<small> 代表注釋,入免責(zé)聲明木缝,版權(quán)聲明等便锨,對(duì)裂解文檔不重要。
<s> 代表不準(zhǔn)確或不想關(guān)的內(nèi)容我碟。
<cite> 代表作品標(biāo)題放案。
<q> 代表內(nèi)聯(lián)的引用。
<dfn> 代表一個(gè)屬于包含其最近祖先內(nèi)容中的定義矫俺。
<abbr> 代表省略或速寫吱殉,其完整內(nèi)容寫在title屬性中。
<data> 關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式(該元素只在WHATWG版本的HTML標(biāo)準(zhǔn)中厘托,不在W3C版本的HTML標(biāo)準(zhǔn)中)友雳。
<time> 代表時(shí)間值和日期;機(jī)器刻度的等價(jià)形式通過(guò)datetime屬性指定铅匹。
<code> 代表計(jì)算機(jī)代碼押赊。
<var> 代表代碼中的變量。
<samp> 代表程序或電腦的輸出包斑。
<kbd> 代表用戶輸入流礁,一般從鍵盤輸出,但也可以代表其他輸入罗丰。入語(yǔ)音輸入神帅。
<\sub>、<\sup> 下標(biāo)萌抵,上標(biāo)枕稀。(因?yàn)橛玫膍arkdown編輯的,會(huì)出現(xiàn)小語(yǔ)法錯(cuò)誤,這兩個(gè)標(biāo)簽沒(méi)有斜杠)
<i> 代表一段不同性質(zhì)的文字萎坷,入技術(shù)術(shù)語(yǔ)凹联,外文短語(yǔ)等(斜體)。
<b> 代表一段需要被關(guān)注的文字(粗體)哆档。
<u> 代表一段需要下劃線呈現(xiàn)的文本注釋蔽挠,入標(biāo)記出拼寫錯(cuò)誤的文字等(下劃線)。
<mark> 代表一段需要被高亮的引用文字瓜浸。
<ruby> 代表被ruby注釋標(biāo)記的文本澳淑。比如中文漢字和他的拼音。
<rt> 代表ruby注釋插佛,入中文拼音杠巡。
<rp> 代表ruby注釋兩邊的額外插入文本,用于在不支持ruby注釋顯示的瀏覽器中提供友好的注釋顯示雇寇。
<bdi> 代表需要脫離父元素文本方向的一段文本氢拥,它允許鍵入一段不同或未知文本方向格式的文本。
<bdo> 指定子元素的文本方向锨侯,顯示地覆蓋默認(rèn)的文本方向嫩海。
<span> 代表一段沒(méi)有特殊含義的文本,當(dāng)其它語(yǔ)義元素都不適合文本時(shí)候可以使用該元素囚痴。

代表?yè)Q行叁怪。
<wbr> 代表建議換行(Word Break Opportunity) 當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符。


編輯

<ins> 定義增加到文檔的內(nèi)容深滚。
<del> 定義從文檔移除的內(nèi)容奕谭。


嵌入內(nèi)容

<img> 代表一張圖片。
<iframe> 代表一個(gè)內(nèi)聯(lián)的框架痴荐。
<embed> 代表一個(gè)嵌入的外部資源血柳,入應(yīng)用程序或交互內(nèi)容。
<object> 代表一個(gè)外部資源蹬昌,如圖片混驰,HTML子文檔,插件等皂贩。
<param> 代表<object>元素所制定的插件的參數(shù)栖榨。
<video> 代表一段視頻及其視頻文件和字幕,并提供了播放視頻的用戶界面明刷。
<audio> 代表一段聲音婴栽,或音頻流。
<source> 為<video><audio>這類媒體元素指定媒體源辈末。
<track> 為<video><audio>這類媒體元素指定文本軌道(字幕)愚争。
<canvas> 代表位圖區(qū)域映皆,可以通過(guò)腳本在它上面實(shí)時(shí)呈現(xiàn)圖形,入圖表轰枝,游戲繪圖等捅彻。
<map> 與<area>元素共同定義圖像映射區(qū)域。
<area> 與<map>元素共同定義圖像映射區(qū)域鞍陨。
<svg> 定義一個(gè)嵌入式矢量圖步淹。
<math> 定義一段鼠須公示。


表格

<table> 定義多維數(shù)據(jù)诚撵。
<caption> 定義表格的標(biāo)題缭裆。
<colgroup> 定義表格中一組單列或多列。
<col> 代表表格中的列寿烟。
<tbody> 代表表格中一塊具體數(shù)據(jù)(表格主體)澈驼。
<thead> 代表表格中的列標(biāo)簽(表頭)。
<tfoot> 代表表格中一塊列摘要(標(biāo)尾)筛武。
<tr> 代表表格中的行缝其。
<td> 代表表格中的單元格。
<th> 代表表格中的頭部單元格畅铭。


表單

<form> 代表一個(gè)表單氏淑,由控件組成勃蜘。
<fieldset> 代表控件組硕噩。
<legend> 代表<fieldset>控件組的標(biāo)題。
<label> 代表表單控件的標(biāo)題缭贡。
<input> 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū)(文本框炉擅,單選/復(fù)選框等)。
<button> 代表按鈕阳惹。
<select> 代表下拉框谍失。
<datalist> 代表提供給其他控件的一組與定義選項(xiàng)。
<optgroup> 代表一個(gè)選項(xiàng)分組莹汤。
<option> 代表一個(gè)<select><datalist>元素中的一個(gè)選項(xiàng)快鱼。
<textarea> 代表多行文本框。
<keytgen> 代表一個(gè)密鑰對(duì)生成器控件纲岭。
<output> 代表計(jì)算值抹竹。
<progress> 代表進(jìn)度條。
<meter> 代表滑動(dòng)條止潮。


交互元素

<details> 代表一個(gè)用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件窃判。
<summary> 代表<details>元素的綜述或標(biāo)題。
<menuitem> 代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)喇闸。
<menu> 代表菜單袄琳。


參考:[MDN][https://developer.mozilla.org/zh-CN/]

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末询件,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子唆樊,更是在濱河造成了極大的恐慌宛琅,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逗旁,死亡現(xiàn)場(chǎng)離奇詭異夯秃,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)痢艺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門仓洼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人堤舒,你說(shuō)我怎么就攤上這事色建。” “怎么了舌缤?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵箕戳,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我国撵,道長(zhǎng)陵吸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任介牙,我火速辦了婚禮壮虫,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘环础。我一直安慰自己囚似,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布线得。 她就那樣靜靜地躺著饶唤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪贯钩。 梳的紋絲不亂的頭發(fā)上募狂,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音角雷,去河邊找鬼祸穷。 笑死,一個(gè)胖子當(dāng)著我的面吹牛谓罗,可吹牛的內(nèi)容都是我干的粱哼。 我是一名探鬼主播,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼檩咱,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼揭措!你這毒婦竟也來(lái)了胯舷?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤绊含,失蹤者是張志新(化名)和其女友劉穎桑嘶,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體躬充,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡逃顶,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了充甚。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片以政。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖伴找,靈堂內(nèi)的尸體忽然破棺而出盈蛮,到底是詐尸還是另有隱情,我是刑警寧澤技矮,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布抖誉,位于F島的核電站,受9級(jí)特大地震影響衰倦,放射性物質(zhì)發(fā)生泄漏袒炉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一樊零、第九天 我趴在偏房一處隱蔽的房頂上張望我磁。 院中可真熱鬧,春花似錦淹接、人聲如沸十性。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至楷掉,卻和暖如春厢蒜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背烹植。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工斑鸦, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人草雕。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓巷屿,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親墩虹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子嘱巾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • HTML5< !--...--> 標(biāo)簽 comment 注釋標(biāo)簽用于在源文檔中插入注釋憨琳。注釋內(nèi)容不會(huì)被瀏覽器顯示。...
    野小寶閱讀 1,324評(píng)論 0 10
  • 根元素 文檔元數(shù)據(jù) 內(nèi)容分區(qū) 腳本 文本內(nèi)容 文字形式 編輯 嵌入內(nèi)容 表格 表單 交互元素 HTML5 標(biāo)簽列表 參考
    hzl的學(xué)習(xí)小記閱讀 306評(píng)論 0 0
  • 根元素 文檔元數(shù)據(jù) 腳本 章節(jié) 組織內(nèi)容 文字形式 編輯 嵌入內(nèi)容 表格 表單 交互元素
    JaniceZD閱讀 305評(píng)論 0 0
  • 根元素 代表 HTML 或 XHTML 文檔的根旬昭。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)篙螟。 文檔元數(shù)據(jù) 代表關(guān)于文檔元...
    酒極子閱讀 823評(píng)論 0 3
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,243評(píng)論 1 41