HTML的所有標(biāo)簽(元素)

HTML的誕生

HTML最初物理學(xué)家蒂姆·伯納斯-李在歐洲核子研究中心(CERN)在承包工程期間提交原型铲敛,現(xiàn)由W3C組織規(guī)范標(biāo)準(zhǔn)褐澎。萬維網(wǎng)聯(lián)盟(W3C)由蒂姆·伯納斯-李于1994年10月離開歐洲核子研究中心(CERN)后成立,在歐盟執(zhí)委會(huì)和國防高等研究計(jì)劃署(DARPA)的支持下成立于麻省理工學(xué)院MIT計(jì)算機(jī)科學(xué)與人工智能實(shí)驗(yàn)室(MIT/LCS)[2]原探,DARPA曾率先推出了互聯(lián)網(wǎng)及其前身ARPANET乱凿。

該組織試圖透過W3C制定的新標(biāo)準(zhǔn)來促進(jìn)業(yè)界成員間的兼容性和協(xié)議顽素。不兼容的HTML版本由不同的供應(yīng)商提供咽弦,導(dǎo)致網(wǎng)頁顯示方式不一致徒蟆。聯(lián)盟試圖讓所有的供應(yīng)商實(shí)施一套由聯(lián)盟選擇的核心原則和組件。

HTML的標(biāo)簽

章節(jié)節(jié)

Element Description

代表 HTML 文檔的內(nèi)容型型。在文檔中只能有一個(gè) <body> 元素段审。
<section> 這個(gè)元素在 HTML5 中加入   定義文檔中的一個(gè)章節(jié)。
<nav> 這個(gè)元素在 HTML5 中加入   定義只包含導(dǎo)航鏈接的章節(jié)闹蒜。
<article> 這個(gè)元素在 HTML5 中加入   定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊寺枉。
<aside> 這個(gè)元素在 HTML5 中加入 定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除,剩下的內(nèi)容仍然很合理绷落。
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>   標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題姥闪,<h1> 是最大的標(biāo)題,<h6> 是最小的標(biāo)題砌烁。標(biāo)題元素簡要地描述章節(jié)的主題筐喳。
<header> 這個(gè)元素在 HTML5 中加入    定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo函喉、頁面標(biāo)題和導(dǎo)航性的目錄避归。
<footer> 這個(gè)元素在 HTML5 中加入    定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息管呵、法律信息鏈接和反饋建議用的地址梳毙。
<address>   定義包含聯(lián)系信息的一個(gè)章節(jié)。
<main>這個(gè)元素在 HTML5 中加入   定義文檔中主要或重要的內(nèi)容捐下。
組織內(nèi)容節(jié)

Element Description

<hr>    代表章節(jié)账锹、文章或其他長內(nèi)容中段落之間的分隔符。
<pre>   代表其內(nèi)容已經(jīng)預(yù)先排版過坷襟,格式應(yīng)當(dāng)保留 奸柬。
<blockquote>    代表引用自其他來源的內(nèi)容。
<ol>    定義一個(gè)有序列表啤握。
<ul>    定義一個(gè)無序列表鸟缕。
<li>    定義列表中的一個(gè)列表項(xiàng)。
<dl>    定義一個(gè)定義列表(一系列術(shù)語和其定義)排抬。
<dt>    代表一個(gè)由下一個(gè) <dd> 定義的術(shù)語懂从。
<dd>    代表出現(xiàn)在它之前術(shù)語的定義。
<figure> 這個(gè)元素在 HTML5 中加入    代表一個(gè)和文檔有關(guān)的圖例蹲蒲。
<figcaption> 這個(gè)元素在 HTML5 中加入    代表一個(gè)圖例的說明番甩。
<div>   代表一個(gè)通用的容器,沒有特殊含義届搁。
文字形式節(jié)

Element Description

<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è)術(shù)語包含在其最近祖先內(nèi)容中的定義 显歧。
<abbr>  代表省略 或縮寫 仪或,其完整內(nèi)容在 title 屬性中。
<data> 這個(gè)元素在 HTML5 中加入  關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式 (該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中士骤,不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中)范删。
<time> 這個(gè)元素在 HTML5 中加入  代表日期 和時(shí)間 值;機(jī)器可讀的等價(jià)形式通過 datetime 屬性指定拷肌。
<code>  代表計(jì)算機(jī)代碼 到旦。
<var>   代表代碼中的變量 。
<samp>  代表程序或電腦的輸出 廓块。
<kbd>   代表用戶輸入 厢绝,一般從鍵盤輸出,但也可以代表其他輸入带猴,如語音輸入昔汉。
<sub>,<sup> 分別代表下標(biāo) 和上標(biāo) 。
<i> 代表一段不同性質(zhì) 的文字拴清,如技術(shù)術(shù)語靶病、外文短語等。
<b> 代表一段需要被關(guān)注 的文字口予。
<u> 代表一段需要下劃線呈現(xiàn)的文本注釋娄周,如標(biāo)記出拼寫錯(cuò)誤的文字等。
<mark> 這個(gè)元素在 HTML5 中加入  代表一段需要被高亮的引用 文字沪停。
<ruby> 這個(gè)元素在 HTML5 中加入  代表被ruby 注釋 標(biāo)記的文本煤辨,如中文漢字和它的拼音。
<rt> 這個(gè)元素在 HTML5 中加入    代表ruby 注釋 木张,如中文拼音众辨。
<rp> 這個(gè)元素在 HTML5 中加入    代表 ruby 注釋兩邊的額外插入文本 ,用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示舷礼。
<bdi> 這個(gè)元素在 HTML5 中加入   代表需要脫離 父元素文本方向的一段文本鹃彻。它允許嵌入一段不同或未知文本方向格式的文本。
<bdo>   指定子元素的文本方向 妻献,顯式地覆蓋默認(rèn)的文本方向蛛株。
<span>  代表一段沒有特殊含義的文本团赁,當(dāng)其他語義元素都不適合文本時(shí)候可以使用該元素。
<br>    代表換行 谨履。
<wbr> 這個(gè)元素在 HTML5 中加入   代表建議換行 (Word Break Opportunity) 欢摄,當(dāng)文本太長需要換行時(shí)將會(huì)在此處添加換行符。
編輯節(jié)
Element Description
<ins>   定義增加 到文檔的內(nèi)容屉符。
<del>   定義從文檔移除 的內(nèi)容剧浸。
嵌入內(nèi)容節(jié)

Element Description

<iframe>    代表一個(gè)內(nèi)聯(lián)的框架 锹引。
<embed> 這個(gè)元素在 HTML5 中加入 代表一個(gè)嵌入 的外部資源矗钟,如應(yīng)用程序或交互內(nèi)容。
<object>    代表一個(gè)外部資源 嫌变,如圖片吨艇、HTML 子文檔、插件等腾啥。
<param> 代表 <object> 元素所指定的插件的參數(shù) 东涡。
<video> 這個(gè)元素在 HTML5 中加入 代表一段視頻 及其視頻文件和字幕,并提供了播放視頻的用戶界面倘待。
<audio> 這個(gè)元素在 HTML5 中加入 代表一段聲音 疮跑,或音頻流 。
<source> 這個(gè)元素在 HTML5 中加入    為 <video> 或 <audio> 這類媒體元素指定媒體源 凸舵。
<track> 這個(gè)元素在 HTML5 中加入 為 <video> 或 <audio> 這類媒體元素指定文本軌道(字幕) 祖娘。
<canvas> 這個(gè)元素在 HTML5 中加入    代表位圖區(qū)域 ,可以通過腳本在它上面實(shí)時(shí)呈現(xiàn)圖形啊奄,如圖表渐苏、游戲繪圖等。
<map>   與 <area> 元素共同定義圖像映射 區(qū)域菇夸。
<area>  與 <map> 元素共同定義圖像映射 區(qū)域琼富。
<svg> 這個(gè)元素在 HTML5 中加入   定義一個(gè)嵌入式矢量圖 。
<math> 這個(gè)元素在 HTML5 中加入  定義一段數(shù)學(xué)公式 庄新。
表格節(jié)

Element Description

<caption>   代表表格的標(biāo)題 鞠眉。
<colgroup>  代表表格中一組單列或多列 。
<col>   代表表格中的列 择诈。
<tbody> 代表表格中一塊具體數(shù)據(jù) (表格主體)械蹋。
<thead> 代表表格中一塊列標(biāo)簽 (表頭)。
<tfoot> 代表表格中一塊列摘要 (表尾)吭从。
<tr>    代表表格中的行 朝蜘。
<td>    代表表格中的單元格 。
<th>    代表表格中的頭部單元格 涩金。
表單節(jié)

Element Description

<fieldset>  代表控件組 谱醇。
<legend>    代表 <fieldset> 控件組的標(biāo)題 暇仲。
<label> 代表表單控件的標(biāo)題 。
<input> 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) (文本框副渴、單選框奈附、復(fù)選框等)。
<button>    代表按鈕 煮剧。
<select>    代表下拉框 斥滤。
<datalist> 這個(gè)元素在 HTML5 中加入  代表提供給其他控件的一組預(yù)定義選項(xiàng) 。
<optgroup>  代表一個(gè)選項(xiàng)分組 勉盅。
<option>    代表一個(gè) <select> 元素或 <datalist> 元素中的一個(gè)選項(xiàng)
<textarea>  代表多行文本框 佑颇。
<keygen> 這個(gè)元素在 HTML5 中加入    代表一個(gè)密鑰對(duì)生成器 控件。
<output> 這個(gè)元素在 HTML5 中加入    代表計(jì)算值 草娜。
<progress> 這個(gè)元素在 HTML5 中加入  代表進(jìn)度條 挑胸。
<meter> 這個(gè)元素在 HTML5 中加入 代表滑動(dòng)條 。
交互元素節(jié)

Element Description

<summary> 這個(gè)元素在 HTML5 中加入   代表 <details> 元素的綜述 或標(biāo)題 宰闰。
<menuitem> 這個(gè)元素在 HTML5 中加入  代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)茬贵。
<menu> 這個(gè)元素在 HTML5 中加入  代表菜單。

查找標(biāo)簽含義和使用方法

  • 搜索 標(biāo)簽+MDN
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末移袍,一起剝皮案震驚了整個(gè)濱河市解藻,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌葡盗,老刑警劉巖螟左,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異戳粒,居然都是意外死亡路狮,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門蔚约,熙熙樓的掌柜王于貴愁眉苦臉地迎上來奄妨,“玉大人,你說我怎么就攤上這事苹祟≡遗祝” “怎么了?”我有些...
    開封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵树枫,是天一觀的道長直焙。 經(jīng)常有香客問我,道長砂轻,這世上最難降的妖魔是什么奔誓? 我笑而不...
    開封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮搔涝,結(jié)果婚禮上厨喂,老公的妹妹穿的比我還像新娘和措。我一直安慰自己,他們只是感情好蜕煌,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開白布派阱。 她就那樣靜靜地躺著,像睡著了一般斜纪。 火紅的嫁衣襯著肌膚如雪贫母。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天盒刚,我揣著相機(jī)與錄音腺劣,去河邊找鬼。 笑死伪冰,一個(gè)胖子當(dāng)著我的面吹牛誓酒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播贮聂,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼寨辩!你這毒婦竟也來了吓懈?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤靡狞,失蹤者是張志新(化名)和其女友劉穎耻警,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體甸怕,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡甘穿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了梢杭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片温兼。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖武契,靈堂內(nèi)的尸體忽然破棺而出募判,到底是詐尸還是另有隱情,我是刑警寧澤咒唆,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布届垫,位于F島的核電站,受9級(jí)特大地震影響全释,放射性物質(zhì)發(fā)生泄漏装处。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一浸船、第九天 我趴在偏房一處隱蔽的房頂上張望妄迁。 院中可真熱鬧找前,春花似錦、人聲如沸判族。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽形帮。三九已至槽惫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間辩撑,已是汗流浹背界斜。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留合冀,地道東北人各薇。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像君躺,于是被迫代替她去往敵國和親峭判。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

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

  • 學(xué)習(xí)的內(nèi)容(查維基百科/MDN) W3C 簡介 MDN 簡介 HTML 所有標(biāo)簽列表 什么是空標(biāo)簽 什么是可替換標(biāo)...
    xyyojl閱讀 1,688評(píng)論 0 3
  • 1棕叫,W3C簡介 什么是 W3C林螃? W3C 指萬維網(wǎng)聯(lián)盟(World Wide Web Consortium) W3...
    冉奇閱讀 397評(píng)論 0 0
  • 1.W3C簡介 萬維網(wǎng)聯(lián)盟(World Wide Web Consortium,W3C)俺泣,又稱W3C理事會(huì)疗认,是萬維...
    宣澤彬閱讀 450評(píng)論 0 0
  • W3C 是什么横漏? W3C 指萬維網(wǎng)聯(lián)盟(World Wide Web - Consortium) W3C 創(chuàng)建于1...
    饑人谷_Leonardo閱讀 661評(píng)論 0 1
  • 一、 W3C 簡介(查維基百科) W3C這么大名鼎鼎的存在想必你肯定是聽說過的吧熟掂,那么它到底是什么呢缎浇? 萬維網(wǎng)聯(lián)盟...
    stephenoo閱讀 700評(píng)論 0 0