一、HTML標(biāo)簽列表
根元素Edit節(jié)
| 元素 | 描述 |
|---|---|
<html> |
**HTML <html> 元素 表示一個(gè)HTML文檔的根（頂級(jí)元素）蕊梧，所以它也被稱為根元素霞赫。所有其他元素必須是此元素的后代。 |
文檔元數(shù)據(jù)Edit節(jié)
元數(shù)據(jù)（Metadata）含有頁(yè)面的相關(guān)信息望几，包括樣式绩脆、腳本及數(shù)據(jù)，能幫助一些軟件（例如 搜索引擎、瀏覽器 等等）更好地運(yùn)用和渲染頁(yè)面靴迫。對(duì)于樣式和腳本的元數(shù)據(jù)凰萨，可以直接在網(wǎng)頁(yè)里定義霜第，也可以鏈接到包含相關(guān)信息的外部文件在讶。
| 元素 | 描述 |
|---|---|
<base> |
HTML <base> 元素 指定用于一個(gè)文檔中包含的所有相對(duì) URL 的根 URL瓮顽。一份中只能有一個(gè) <base> 元素。 |
<head> |
**HTML head 元素 **規(guī)定文檔相關(guān)的配置信息（元數(shù)據(jù)）主守，包括文檔的標(biāo)題禀倔，引用的文檔樣式和腳本等。 |
<link> |
HTML 中<link>元素規(guī)定了外部資源與當(dāng)前文檔的關(guān)系参淫。這個(gè)元素最常于鏈接樣式表救湖，還能被用來創(chuàng)建站點(diǎn)圖標(biāo)(比如PC端的“favicon”圖標(biāo)和移動(dòng)設(shè)備上用以顯示在主屏幕的圖標(biāo))甚至一些其他事情。 |
<meta> |
HTML <meta>元素表示那些不能由其它HTML元相關(guān)元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元數(shù)據(jù)信息. |
<style> |
HTML的<style>元素包含文檔的樣式信息或者文檔的部分內(nèi)容涎才。默認(rèn)情況下鞋既，該標(biāo)簽的樣式信息通常是CSS的格式。 |
<title> |
**HTML <title> 元素 **定義文檔的標(biāo)題耍铜，顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上邑闺。它只可以包含文本，若是包含有標(biāo)簽棕兼，則包含的任何標(biāo)簽都不會(huì)被解釋陡舅。 |
分區(qū)根元素Edit節(jié)
| 元素 | 描述 |
|---|---|
<body> |
HTML body 元素表示文檔的內(nèi)容。document.body 屬性提供了可以輕松訪問文檔的 body 元素的腳本伴挚。 |
內(nèi)容分區(qū)Edit節(jié)
內(nèi)容分區(qū)元素允許你將文檔內(nèi)容從邏輯上進(jìn)行組織劃分靶衍。使用包括頁(yè)眉(header)、頁(yè)腳(footer)茎芋、導(dǎo)航(nav)和標(biāo)題(h1~h6)等分區(qū)元素摊灭，來為頁(yè)面內(nèi)容創(chuàng)建明確的大綱，以便區(qū)分各個(gè)章節(jié)的內(nèi)容败徊。
| 元素 | 描述 |
|---|---|
<address> |
HTML <address> 元素 表示其中的 HTML 提供了某個(gè)人或某個(gè)組織（等等）的聯(lián)系信息。 |
<article> |
<article>元素表示文檔掏缎、頁(yè)面皱蹦、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)，其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)眷蜈，如在發(fā)布中沪哺，它可能是論壇帖子、雜志或新聞文章酌儒、博客辜妓、用戶提交的評(píng)論、交互式組件，或者其他獨(dú)立的內(nèi)容項(xiàng)目籍滴。 |
<aside> |
HTML <aside> 元素表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無關(guān)的部分酪夷，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來而不會(huì)使整體受影響。 |
<footer> |
HTML <footer> 元素表示最近一個(gè)章節(jié)內(nèi)容或者根節(jié)點(diǎn)（sectioning root ）元素的頁(yè)腳孽惰。一個(gè)頁(yè)腳通常包含該章節(jié)作者晚岭、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息。 |
<header> |
HTML <header> 元素用于展示介紹性內(nèi)容勋功，通常包含一組介紹性的或是輔助導(dǎo)航的實(shí)用元素坦报。它可能包含一些標(biāo)題元素，但也可能包含其他元素狂鞋，比如 Logo片择、搜索框、作者名稱骚揍，等等字管。 |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
|
HTML <h1>–<h6> 標(biāo)題(Heading)元素呈現(xiàn)了六個(gè)不同的級(jí)別的標(biāo)題，<h1> 級(jí)別最高疏咐，而 <h6> 級(jí)別最低纤掸。 |
<hgroup> |
HTML <hgroup> Element (HTML Headings Group Element) 代表一個(gè)段的標(biāo)題。它規(guī)定了在文檔輪廓里（the outline of the document ）的單一標(biāo)題是它所屬的隱式或顯式部分的標(biāo)題浑塞。 |
<main> |
HTML <main> 元素呈現(xiàn)了文檔的 <body> 或應(yīng)用的主體部分借跪。主體部分由與文檔直接相關(guān)，或者擴(kuò)展于文檔的中心主題酌壕、應(yīng)用的主要功能部分的內(nèi)容組成掏愁。 |
<nav> |
HTML導(dǎo)航欄 (<nav>) 描繪一個(gè)含有多個(gè)超鏈接的區(qū)域，這個(gè)區(qū)域包含轉(zhuǎn)到其他頁(yè)面卵牍，或者頁(yè)面內(nèi)部其他部分的鏈接列表. |
<section> |
HTML Section 元素 (<section>) 表示文檔中的一個(gè)區(qū)域（或節(jié)）果港，比如，內(nèi)容中的一個(gè)專題組糊昙，一般來說會(huì)有包含一個(gè)標(biāo)題（heading）辛掠。一般通過是否包含一個(gè)標(biāo)題 (<h1>-<h6> element) 作為子節(jié)點(diǎn) 來 辨識(shí)每一個(gè)<section>。 |
文本內(nèi)容Edit節(jié)
使用 HTML 文本內(nèi)容元素來組織在開標(biāo)簽 <body> 和閉標(biāo)簽 </body> 里的塊或章節(jié)的內(nèi)容释牺。這些元素能標(biāo)識(shí)內(nèi)容的宗旨或結(jié)構(gòu)萝衩，而這對(duì)于 accessibility 和 SEO 很重要。
| 元素 | 描述 |
|---|---|
<blockquote> |
HTML <blockquote> 元素（或者 HTML 塊級(jí)引用元素）没咙，代表其中的文字是引用內(nèi)容猩谊。通常在渲染時(shí)牌捷，這部分的內(nèi)容會(huì)有一定的縮進(jìn)（注 中說明了如何更改）。若引文來源于網(wǎng)絡(luò)喜滨，則可以將原內(nèi)容的出處 URL 地址設(shè)置到 cite 特性上淋袖，若要以文本的形式告知讀者引文的出處時(shí)鸿市，可以通過 <cite> 元素。 |
<dd> |
HTML <dd> 元素（HTML 描述元素）用來指明一個(gè)描述列表 (<dl>) 元素中一個(gè)術(shù)語(yǔ)的描述内舟。這個(gè)元素只能作為描述列表元素的子元素出現(xiàn)，并且必須跟著一個(gè) <dt> 元素耕蝉。 |
<dir> |
已廢棄的 HTML 目錄元素（<dir>）被作為一個(gè)文件和/或文件夾的目錄的容器，可能還有 用戶代理 應(yīng)用的樣式與圖標(biāo)场躯。 |
<div> |
HTML <div> 元素 (或 HTML 文檔分區(qū)元素) 是一個(gè)通用型的流內(nèi)容容器，它在語(yǔ)義上不代表任何特定類型的內(nèi)容签舞，它可以被用來對(duì)其它元素進(jìn)行分組，一般用于樣式化相關(guān)的需求（使用 class 或 id 特性) 或者對(duì)具有相同特性的一組元素進(jìn)行分組 (比如 lang)，它應(yīng)該在沒有任何其它語(yǔ)義元素可用時(shí)才使用 (比如 <article> 或 <nav>) 屹培。 |
<dl> |
HTML <dl> 元素 （或 HTML 描述列表元素）是一個(gè)包含術(shù)語(yǔ)定義以及描述的列表蓄诽，通常用于展示詞匯表或者元數(shù)據(jù) (鍵-值對(duì)列表)。 |
<dt> |
HTML <dt> 元素 （或 HTML 術(shù)語(yǔ)定義元素）用于在一個(gè)定義列表中聲明一個(gè)術(shù)語(yǔ)锯岖。該元素僅能作為 <dl> 的子元素出現(xiàn)。通常在該元素后面會(huì)跟著 <dd> 元素， 然而秋麸，多個(gè)連續(xù)出現(xiàn)的 <dt> 元素都將由出現(xiàn)在它們后面的第一個(gè) <dd> 元素定義。 |
<figcaption> |
HTML <figcaption> 元素 是與其相關(guān)聯(lián)的圖片的說明/標(biāo)題次乓，用?于描述其父節(jié)點(diǎn) <figure> 元素里的其他數(shù)據(jù)。這意味著 <figcaption> 在<figure> 塊里是第一個(gè)或最后一個(gè)。同時(shí) HTML Figcaption 元素是可選的缘滥；如果沒有該元素，這個(gè)父節(jié)點(diǎn)的圖片只是會(huì)沒有說明/標(biāo)題榛斯。 |
<figure> |
HTML <figure> 元素代表一段獨(dú)立的內(nèi)容, 經(jīng)常與說明（caption） <figcaption> 配合使用, 并且作為一個(gè)獨(dú)立的引用單元。當(dāng)它屬于主內(nèi)容流（main flow）時(shí)王凑，它的位置獨(dú)立于主體。這個(gè)標(biāo)簽經(jīng)常是在主文中引用的圖片术荤，插圖，表格，代碼段等等仑嗅，當(dāng)這部分轉(zhuǎn)移到附錄中或者其他頁(yè)面時(shí)不會(huì)影響到主體。 |
<hr> |
HTML <hr> 元素表示段落級(jí)元素之間的主題轉(zhuǎn)換（例如，一個(gè)故事中的場(chǎng)景的改變地沮，或一個(gè)章節(jié)的主題的改變）。在HTML的早期版本中，它是一個(gè)水平線∑牛現(xiàn)在它仍能在可視化瀏覽器中表現(xiàn)為水平線率寡，但目前被定義為語(yǔ)義上的，而不是表現(xiàn)層面上。 |
<li> |
HTML <li> 元素 （或稱 HTML 列表?xiàng)l目元素） 用于表示列表里的條目庙楚。它必須包含在一個(gè)父元素里：一個(gè)有序列表(<ol>)，一個(gè)無序列表(<ul>)，或者一個(gè)菜單 (<menu>)疏虫。在菜單或者無序列表里，列表?xiàng)l目通常用點(diǎn)排列顯示；在有序列表里哼御，列表?xiàng)l目通常在左邊顯示按升序排列的計(jì)數(shù)，例如數(shù)字或者字母。 |
<main> |
HTML <main> 元素呈現(xiàn)了文檔的 <body> 或應(yīng)用的主體部分嗦哆。主體部分由與文檔直接相關(guān)，或者擴(kuò)展于文檔的中心主題额湘、應(yīng)用的主要功能部分的內(nèi)容組成。 |
<ol> |
HTML <ol> 元素 表示多個(gè)有序列表項(xiàng)，通常渲染為有帶編號(hào)的列表纳猫。 |
<p> |
HTML <p>元素（或者說 HTML 段落元素）表示文本的一個(gè)段落活孩。該元素通常表現(xiàn)為一整塊與相鄰文本分離的文本询兴，或以垂直的空白隔離或以首行縮進(jìn)。另外眶根，<p> 是塊級(jí)元素变姨。 |
<pre> |
HTML <pre> 元素表示預(yù)定義格式文本渔呵。在該元素中的文本通常按照原文件中的編排耕驰，以等寬字體的形式展現(xiàn)出來，文本中的空白符（比如空格和換行符）都會(huì)顯示出來示启。(緊跟在 <pre> 開始標(biāo)簽后的換行符也會(huì)被省略) |
<ul> |
HTML <ul> 元素（或稱 HTML 無序列表元素）表示一個(gè)內(nèi)可含多個(gè)元素的無序列表或項(xiàng)目符號(hào)列表迟螺。 |
內(nèi)聯(lián)文本語(yǔ)義Edit節(jié)
使用 HTML 內(nèi)聯(lián)文本語(yǔ)義（Inline text semantics）定義一個(gè)單詞、一行內(nèi)容，或任意文字的語(yǔ)義、結(jié)構(gòu)或樣式冒滩。
| 元素 | 描述 |
|---|---|
<a> |
HTML <a> 元素（或稱錨元素）可以創(chuàng)建通向其他網(wǎng)頁(yè)苟耻、文件婚度、同一頁(yè)面內(nèi)的位置醋虏、電子郵件地址或任何其他 URL 的超鏈接饭寺。 |
<abbr> |
HTML 縮寫元素（<abbr>）用于展示縮寫限煞，并且可以通過可選的 [title](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes#attr-title) 屬性提供完整的描述健霹。 |
<b> |
HTML提醒注意（Bring Attention To）元素（<b>）用于吸引讀者的注意到該元素的內(nèi)容上（如果沒有另加特別強(qiáng)調(diào)）宣吱。這個(gè)元素過去被認(rèn)為是粗體（Boldface）元素，并且大多數(shù)瀏覽器仍然將文字顯示為粗體。盡管如此，你不應(yīng)將 <b> 元素用于顯示粗體文字畔裕；替代方案是使用 CSS font-weight 屬性來創(chuàng)建粗體文字。 |
<bdi> |
HTML <bdi> 元素 (雙向隔離元素) 會(huì)隔離可能以不同方向進(jìn)行格式化的外部文本。 |
<bdo> |
<bdo> 元素 (HTML雙向覆蓋元素)用于覆蓋當(dāng)前文本的朝向陵究，它使得字符按給定的方向排列寨蹋。 |
<br> |
HTML 元素在文本中生成一個(gè)換行（回車）符號(hào)秸苗。此元素在寫詩(shī)和地址時(shí)很有用吐句，這些地方的換行都非常重要。 |
<cite> |
HTML引用（ Citation）標(biāo)簽 (<cite>) 表示一個(gè)作品的引用。它必須包含引用作品的符合簡(jiǎn)寫格式的標(biāo)題或者URL，它可能是一個(gè)根據(jù)添加引用元數(shù)據(jù)的約定的簡(jiǎn)寫形式。 |
<code> |
HTML <code> 元素呈現(xiàn)一段計(jì)算機(jī)代碼. 默認(rèn)情況下, 它以瀏覽器的默認(rèn)等寬字體顯示. |
<data> |
HTML <data> 元素 將一個(gè)指定內(nèi)容和機(jī)器可讀的翻譯聯(lián)系在一起。但如果內(nèi)容是與 time 或者 date 相關(guān)的，一定要使用 <time>映琳。 |
<dfn> |
HTML 定義元素 (<dfn>) 表示術(shù)語(yǔ)的一個(gè)定義。 |
<em> |
HTML 著重元素 (<em>) 標(biāo)記出需要用戶著重閱讀的內(nèi)容， <em> 元素是可以嵌套的，嵌套層次越深，則其包含的內(nèi)容被認(rèn)定為越需要著重閱讀。 |
<i> |
HTML元素 <i> 用于表現(xiàn)因某些原因需要區(qū)分普通文本的一系列文本。例如技術(shù)術(shù)語(yǔ)粪薛、外文短語(yǔ)或是小說中人物的思想活動(dòng)等熟空，它的內(nèi)容通常以斜體顯示掂咒。 |
<kbd> |
HTML鍵盤輸入元素(<kbd>) 用于表示用戶輸入弊添，它將產(chǎn)生一個(gè)行內(nèi)元素刨裆，以瀏覽器的默認(rèn)monospace字體顯示彬檀。 |
<mark> |
這個(gè)* HTML mark 標(biāo)簽代表突出顯示的文字,例如可以為了標(biāo)記特定上下文中的文本而使用這個(gè)標(biāo)簽.* 舉個(gè)例子帆啃，它可以用來顯示搜索引擎搜索后關(guān)鍵詞金赦。 |
<q> |
HTML引用標(biāo)簽 (<q>)表示一個(gè)封閉的并且是短的行內(nèi)引用的文本. 這個(gè)標(biāo)簽是用來引用短的文本塔鳍，所以請(qǐng)不要引入換行符; 對(duì)于長(zhǎng)的文本的引用請(qǐng)使用 <blockquote> 替代. |
<rb> |
The HTML Ruby Base (<rb>) element is used to delimit the base text component of a <ruby> annotation, i.e. the text that is being annotated. |
<rp> |
HTML <rp> 元素用于為那些不能使用 <ruby> 元素展示 ruby 注解的瀏覽器求豫，提供隨后的圓括號(hào)。 |
<rt> |
HTML Ruby 文本 (<rt>) 元素包含字符的發(fā)音浮梢，字符在 ruby 注解中出現(xiàn)编曼，它用于描述東亞字符的發(fā)音靶剑。這個(gè)元素始終在 <ruby>元素中使用深浮。 |
<rtc> |
HTML <rtc> 元素包含文字的語(yǔ)義注解压怠，它們?cè)?<rb> 元素中展示。<rb> 元素可以擁有發(fā)音 (<rt>) 和語(yǔ)義(<rtc>) 注解飞苇。 |
<ruby> |
**HTML <ruby> 元素 **被用來展示東亞文字注音或字符注釋菌瘫。 |
<s> |
**HTML <s> 元素 **使用刪除線來渲染文本。使用 <s> 元素來表示不再相關(guān)布卡，或者不再準(zhǔn)確的事情雨让。但是當(dāng)表示文檔編輯時(shí)，不提倡使用 <s> 忿等；為此宫患，提倡使用 <del> 和 <ins> 元素。 |
<samp> |
<samp> 元素用于標(biāo)識(shí)計(jì)算機(jī)程序輸出这弧，通常使用瀏覽器缺省的 monotype 字體（例如 Lucida Console）。 |
<small> |
HTML 中的<small style="font-style: normal !important; margin: 0px; padding: 0px; border: 0px;">元素將使文本的字體變小一號(hào)虚汛。(例如從大變成中等匾浪，從中等變成小，從小變成超小)卷哩。在HTML5中蛋辈，除了它的樣式含義，這個(gè)元素被重新定義為表示邊注釋和附屬細(xì)則将谊，包括版權(quán)和法律文本冷溶。</small> |
<span> |
HTML <span> 元素是短語(yǔ)內(nèi)容的通用行內(nèi)容器，并沒有任何特殊語(yǔ)義尊浓〕哑担可以使用它來編組元素以達(dá)到某種樣式意圖（通過使用類或者Id屬性），或者這些元素有著共同的屬性栋齿，比如lang苗胀。應(yīng)該在沒有其他合適的語(yǔ)義元素時(shí)才使用它襟诸。<span> 與 <div> 元素很相似，但 <div> 是一個(gè) 塊元素 而 <span> 則是 行內(nèi)元素 . |
<strong> |
Strong 元素 (<strong>)表示文本十分重要基协，一般用粗體顯示歌亲。 |
<sub> |
HTML <sub> 元素定義了一個(gè)文本區(qū)域，出于排版的原因澜驮，與主要的文本相比陷揪，應(yīng)該展示得更低并且更小。 |
<sup> |
HTML <sup> 元素定義了一個(gè)文本區(qū)域杂穷，出于排版的原因悍缠，與主要的文本相比，應(yīng)該展示得更高并且更小亭畜。 |
<time> |
HTML time 標(biāo)簽(<time>) 用來表示24小時(shí)制時(shí)間或者公歷日期扮休，若表示日期則也可包含時(shí)間和時(shí)區(qū)。 |
<tt> |
HTML 電報(bào)文本元素 (<tt>) 產(chǎn)生一個(gè)內(nèi)聯(lián)元素拴鸵，使用瀏覽器內(nèi)置的 monotype 字體展示玷坠。這個(gè)元素用于給文本排版，使其等寬展示劲藐，就像電報(bào)那樣八堡。使用 <code> 元素來展示等寬文本可能更加普遍。 |
<u> |
HTML <u> 元素使文本在其內(nèi)容的基線下的一行呈現(xiàn)下劃線聘芜。在HTML5中, 此元素表示具有未標(biāo)注的文本跨度兄渺，顯示渲染，非文本注釋汰现，例如將文本標(biāo)記為中文文本中的專有名稱(一個(gè)正確的中文標(biāo)記), 或 將文本標(biāo)記為拼寫錯(cuò)誤挂谍。 |
<var> |
<var> 標(biāo)簽表示變量的名稱，或者由用戶提供的值瞎饲。 |
<wbr> |
**HTML <wbr> 元素 **— 一個(gè)文本中的位置口叙，其中瀏覽器可以選擇來?yè)Q行，雖然它的換行規(guī)則可能不會(huì)在這里換行嗅战。 |
圖片和多媒體Edit節(jié)
HTML 支持各種多媒體資源妄田，例如圖像，音頻和視頻驮捍。
| 元素 | 描述 |
|---|---|
<area> |
HTML <area> 元素 在圖片上定義一個(gè)熱點(diǎn)區(qū)域疟呐，可以關(guān)聯(lián)一個(gè)超鏈接。<area>元素僅在<map>元素內(nèi)部使用东且。 |
<audio> |
**HTML <audio> **元素用于在文檔中表示音頻內(nèi)容启具。 <audio> 元素可以包含多個(gè)音頻資源， 這些音頻資源可以使用 src 屬性或者<source> 元素來進(jìn)行描述珊泳； 瀏覽器將會(huì)選擇最合適的一個(gè)來使用富纸。對(duì)于不支持<audio>元素的瀏覽器囤踩，<audio>元素也可以作為瀏覽器不識(shí)別的內(nèi)容加入到文檔中。 |
<img> |
HTML Image 元素（ <img> ）代表文檔中的一個(gè)圖像晓褪。 |
<map> |
HTML <map> 屬性 與 <area> 屬性一起使用來定義一個(gè)圖像映射(一個(gè)可點(diǎn)擊的鏈接區(qū)域). |
<track> |
HTML <track> 元素 被當(dāng)作媒體元素—<audio> 和 <video>的子元素來使用堵漱。它允許指定計(jì)時(shí)字幕（或者基于時(shí)間的數(shù)據(jù)），例如自動(dòng)處理字幕涣仿。 |
<video> |
HTML <video> 元素 用于在HTML或者XHTML文檔中嵌入媒體播放器勤庐，用于支持文檔內(nèi)的視頻播放。 |
內(nèi)嵌內(nèi)容Edit節(jié)
除了常規(guī)的多媒體內(nèi)容好港，HTML 可以包括各種其他的內(nèi)容愉镰，即使它并不容易交互。
| 元素 | 描述 |
|---|---|
<applet> |
HTML中的Applet元素(<applet>) 標(biāo)志著包含了Java的applet钧汹。 |
<embed> |
HTML <embed> 元素將外部?jī)?nèi)容嵌入文檔中的指定位置丈探。此內(nèi)容由外部應(yīng)用程序或其他交互式內(nèi)容源（如瀏覽器插件）提供。 |
<iframe> |
HTML內(nèi)聯(lián)框架元素 <iframe> 表示嵌套的瀏覽上下文拔莱，有效地將另一個(gè)HTML頁(yè)面嵌入到當(dāng)前頁(yè)面中碗降。 |
<noembed> |
**<noembed>** 元素是個(gè)廢除的和不標(biāo)準(zhǔn)的方式，用于向不支持 <embed> 塘秦，或者不支持作者希望的 嵌入式內(nèi)容 的瀏覽器提供替代（或者“后備”）內(nèi)容讼渊。這個(gè)元素在 HTML 4.01 起廢除，以支持后備 |
<object> |
HTML <object> 元素（或者稱作 HTML 嵌入對(duì)象元素）表示引入一個(gè)外部資源尊剔，這個(gè)資源可能是一張圖片爪幻，一個(gè)嵌入的瀏覽上下文，亦或是一個(gè)插件所使用的資源须误。 |
<param> |
HTML <param>元素為<object>元素定義參數(shù) |
<picture> |
HTML <picture> 元素通過包含零或多個(gè) <source> 元素和一個(gè) <img> 元素來為不同的顯示/設(shè)備場(chǎng)景提供圖像版本挨稿。瀏覽器會(huì)選擇最匹配的子 <source> 元素，如果沒有匹配的京痢，就選擇 <img> 元素的 [src](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img#attr-src) 屬性中的URL奶甘。然后，所選圖像呈現(xiàn)在<img>元素占據(jù)的空間中历造。 |
<source> |
**HTML <source> **元素為 <picture>, <audio> 或者 <video> 元素指定多個(gè)媒體資源。這是一個(gè)空元素乓旗。它通常用于以不同瀏覽器支持的多種格式提供相同的媒體內(nèi)容脊框。 It is commonly used to serve the same media content in multiple formats supported by different browsers. |
腳本Edit節(jié)
為了創(chuàng)建動(dòng)態(tài)內(nèi)容和 Web 應(yīng)用程序格二，HTML 支持使用腳本語(yǔ)言，最突出的就是 JavaScript臣淤。某些元素支持此功能。
| 元素 | 描述 |
|---|---|
<canvas> |
<canvas>元素可被用來通過腳本（通常是JavaScript）繪制圖形窃爷。比如,它可以被用來繪制圖形,制作圖片集合,甚至用來實(shí)現(xiàn)動(dòng)畫效果邑蒋。你可以(也應(yīng)該)在元素標(biāo)簽內(nèi)寫入可提供替代的的代碼內(nèi)容姓蜂，這些內(nèi)容將會(huì)在在舊的、不支持<canvas>元素的瀏覽器或是禁用了JavaScript的瀏覽器內(nèi)渲染并展現(xiàn)医吊。 |
<noscript> |
如果頁(yè)面上的腳本類型不受支持或者當(dāng)前在瀏覽器中關(guān)閉了腳本钱慢，則在HTML <noscript> 元素中定義腳本未被執(zhí)行時(shí)的替代內(nèi)容。</noscript> |
<script> |
HTML <script> 元素用于嵌入或引用可執(zhí)行腳本卿堂。 |
編輯標(biāo)識(shí)Edit節(jié)
這些元素能標(biāo)示出某個(gè)文本被更改過的部分束莫。
| 元素 | 描述 |
|---|---|
<del> |
HTML的<del>標(biāo)簽表示一些被從文檔中刪除的文字內(nèi)容。比如可以在需要顯示修改記錄或者源代碼差異的情況使用這個(gè)標(biāo)簽草描。<ins>標(biāo)簽的作用恰恰于此相反：表示文檔中添加的內(nèi)容览绿。 |
<ins> |
HTML <ins> 元素定義已經(jīng)被插入文檔中的文本。 |
表格內(nèi)容Edit節(jié)
這里的元素用于創(chuàng)建和處理表格數(shù)據(jù)穗慕。
元素在一個(gè) 元素中可以出現(xiàn)一個(gè)或者更多饿敲。
| 元素 | 描述 |
|---|---|
<caption> |
HTML <caption> 元素 (or HTML 表格標(biāo)題元素) 展示一個(gè)表格的標(biāo)題， 它常常作為 <table> 的第一個(gè)子元素出現(xiàn)逛绵，同時(shí)顯示在表格內(nèi)容的最前面怀各，但是，它同樣可以被CSS樣式化暑脆，所以渠啤，它同樣可以出現(xiàn)在任何一個(gè)一個(gè)相對(duì)于表格的做任意位置。 |
<col> |
HTML <col> 元素 定義表格中的列添吗，并用于定義所有公共單元格上的公共語(yǔ)義沥曹。它通常位于<colgroup>元素內(nèi)。 |
<colgroup> |
HTML 中的 表格列組（*Column Group *<colgroup>） 標(biāo)簽用來定義表中的一組列表碟联。 |
<table> |
HTML的 **table **元素表示表格數(shù)據(jù) — 即通過二維數(shù)據(jù)表表示的信息妓美。 |
<tbody> |
這個(gè) HTML 標(biāo)簽 |
<td> |
The Table cell HTML element (<td>) defines a cell of a table that contains data. It participates in the table model. |
<tfoot> |
**HTML 元素<tfoot> ** 定義了一組表格中各列的匯總行。 |
<th> |
HTML <th> 元素 [scope](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/th#attr-scope) and [headers](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/th#attr-headers) 屬性 |
<thead> |
HTML的<thead>元素定義了一組定義表格的列頭的行鲤孵。 |
<tr> |
HTML <tr> 元素定義表格中的行壶栋。 Those can be a mix of <td> and <th> elements. |
表單Edit節(jié)
HTML 提供了許多可一起使用的元素，這些元素能用來創(chuàng)建一個(gè)用戶可以填寫并提交到網(wǎng)站或應(yīng)用程序的表單普监。詳情請(qǐng)參閱 HTML forms guide贵试。
| 元素 | 描述 |
|---|---|
<button> |
HTML <button> 元素表示一個(gè)可點(diǎn)擊的按鈕，可以用在表單或文檔其它需要使用簡(jiǎn)單標(biāo)準(zhǔn)按鈕的地方凯正。 |
<datalist> |
|
<fieldset> |
|
<form> |
HTML <form> ****元素 表示了文檔中的一個(gè)區(qū)域毙玻，這個(gè)區(qū)域包含有交互控制元件，用來向web服務(wù)器提交信息廊散。 |
<input> |
HTML <input> 元素用于為基于Web的表單創(chuàng)建交互式控件桑滩，以便接受來自用戶的數(shù)據(jù); 可以使用各種類型的輸入數(shù)據(jù)和控件小部件，具體取決于設(shè)備和user agent允睹。 |
<label> |
HTML <label> 元素（標(biāo)簽）表示用戶界面中某個(gè)元素的說明运准。 |
[<legend>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/legend "HTML的元素（也稱為HTML的域說明元素（or HMTL | |
| Legend Field Element））代表一個(gè)用于表示它的父元素<fieldset>的內(nèi)容的標(biāo)題幌氮。") | HTML的<legend>元素（也稱為HTML的域說明元素（or HMTL |
Legend Field Element））代表一個(gè)用于表示它的父元素<fieldset>的內(nèi)容的標(biāo)題。</legend> | |
<meter> |
HTML <meter>元素用來顯示已知范圍的標(biāo)量值或者分?jǐn)?shù)值胁澳。 |
<optgroup> |
在一個(gè)web表單中, **HTML元素 <optgroup> **會(huì)創(chuàng)建包含在一個(gè) <select> 元素中的一組選項(xiàng) |
<option> |
在web表單中, HTML元素<option> 用于定義在<select>, <optgroup> 或<datalist> 元素中包含的項(xiàng)该互。<option> 可以在彈出窗口和 html 文檔中的其他項(xiàng)目列表中表示菜單項(xiàng)。 |
<output> |
HTML <output> 標(biāo)簽表示計(jì)算或用戶操作的結(jié)果听哭。 |
<progress> |
HTML中的progress (<progress>) 元素用來顯示一項(xiàng)任務(wù)的完成進(jìn)度.雖然規(guī)范中沒有規(guī)定該元素具體如何顯示,瀏覽器開發(fā)商可以自己決定,但通常情況下,該元素都顯示為一個(gè)進(jìn)度條形式. |
<select> |
HTML <select> 元素表示一個(gè)控件慢洋，提供一個(gè)選項(xiàng)菜單： |
<textarea> |
HTML <textarea> 元素表示一個(gè)多行純文本編輯控件。 |
交互元素Edit節(jié)
HTML 提供了一系列有助于創(chuàng)建交互式用戶界面對(duì)象的元素陆盘。
| 元素 | 描述 |
|---|---|
<details> |
HTML <details>元素可創(chuàng)建一個(gè)掛件普筹，僅在被切換成展開狀態(tài)時(shí)，它才會(huì)顯示內(nèi)含的信息隘马。 |
<dialog> |
HTML <dialog> 元素表示一個(gè)對(duì)話框或其他交互式組件太防，例如一個(gè)檢查員或窗口。 |
<menu> |
HTML <menu> 元素 呈現(xiàn)了一組用戶可執(zhí)行或激活的命令酸员。這既包含了可能出現(xiàn)在屏幕頂端的列表菜單蜒车，也包含了那些隱藏在按鈕之下、當(dāng)點(diǎn)擊按鈕后顯示出來的文本菜單幔嗦。 |
<menuitem> |
|
<summary> |
**HTML <summary>元素 **用作 一個(gè)<details>元素的一個(gè)內(nèi)容的摘要酿愧，標(biāo)題或圖例。 |
Web 組件Edit節(jié)
Web 組件是一種與 HTML 相關(guān)聯(lián)（HTML-related）的技術(shù)邀泉，簡(jiǎn)單來說嬉挡，它允許創(chuàng)建自定義元素，并如同普通的 HTML 一樣使用它們汇恤。此外庞钢，你甚至可以創(chuàng)建經(jīng)過自定義的標(biāo)準(zhǔn) HTML 元素。
| 元素 | 描述 |
|---|---|
<content> |
HTML <content> 元素— Web 組件 的技術(shù)套件的廢棄部分 — 用于 Shadow DOM 內(nèi)部作為 insertion point因谎，并且不可用于任何正常的 HTML基括，現(xiàn)在已被 <slot> 元素代替，它在 DOM 中創(chuàng)建一個(gè)位置财岔，Shadow DOM 會(huì)插入這里风皿。 |
<element> |
<element>元素被定義在最新的 HTML DOM 元素中。</element> |
<shadow> |
**HTML <shadow> 元素 **— Web 組件技術(shù)套件的廢棄部分 — 目的是用作 Shadow DOM insertion point匠璧。如果你在 shadow host 下面創(chuàng)建了多個(gè) shadow root桐款，你就可能已經(jīng)使用了它。在正常的 HTML 沒有任何用處患朱。 |
<slot> |
HTML <slot> element—是 Web Components 技術(shù)的一部分鲁僚，是自定義web組件的占位符炊苫，目的是分離創(chuàng)建DOM樹和DOM樹的表現(xiàn)（）裁厅。 |
<template> |
HTML內(nèi)容模板（<template>）元素是一種用于保存客戶端內(nèi)容機(jī)制冰沙，該內(nèi)容在加載頁(yè)面時(shí)不會(huì)呈現(xiàn)，但隨后可以在運(yùn)行時(shí)使用JavaScript實(shí)例化执虹。 |
二拓挥、空標(biāo)簽
沒有閉合標(biāo)簽的標(biāo)簽被稱作為空標(biāo)簽。
在我們使用的標(biāo)簽中袋励，有的具有閉合標(biāo)簽侥啤。例如<td>標(biāo)簽，它有閉合標(biāo)簽</td>茬故。但是也有一部分標(biāo)簽沒有閉合標(biāo)簽盖灸，例如<br />標(biāo)簽，這一類標(biāo)簽我們稱之為空標(biāo)簽磺芭。
2.常見的空標(biāo)簽有哪些赁炎？
<input /> 用于為基于Web的表單創(chuàng)建交互式控件，以便接受來自用戶的數(shù)據(jù)钾腺。
<img /> 代表文檔中的一個(gè)圖像徙垫。
<isindex /> 使瀏覽器顯示一個(gè)對(duì)話框，提示用戶輸入單行文本放棒。
<area /> 在圖片上定義一個(gè)熱點(diǎn)區(qū)域
<base /> 指定用于一個(gè)文檔中包含的所有相對(duì)URL的基本URL姻报。
<bgsound /> IE瀏覽器中設(shè)置網(wǎng)頁(yè)背景音樂的元素。
<col /> 定義表格中的列间螟，并用于定義所有公共單元格上的公共語(yǔ)義吴旋。它通常位于<colgroup>元素內(nèi)。
<embed /> 用于表示一個(gè)外部應(yīng)用或交互式內(nèi)容的集合點(diǎn)寒亥，換句話說邮府，就是一個(gè)插件。
<link /> 指定了外部資源與當(dāng)前文檔的關(guān)系. 這個(gè)元素的使用方法包括為導(dǎo)航定義關(guān)系框架.這個(gè)元素經(jīng)常用來鏈接css文件溉奕。
<meta /> 元素表示那些不能由其它HTML元相關(guān)元素 (<base>, <link>, <script>,
<style> 或 <title>) 之一表示的任何元數(shù)據(jù)信息.
<param /> 定義了 <object>的參數(shù)
<wbr /> 一個(gè)文本中的位置褂傀，其中瀏覽器可以選擇來?yè)Q行，雖然它的換行規(guī)則可能不會(huì)在這里換行加勤。
三仙辟、可替換標(biāo)簽
在 CSS 中，可替換元素（replaced element）的展現(xiàn)效果不是由 CSS 來控制的鳄梅。這些元素是一種外部對(duì)象叠国，它們外觀的渲染，是獨(dú)立于 CSS 的戴尸。
簡(jiǎn)單來說粟焊，它們的內(nèi)容不受當(dāng)前文檔的樣式的影響。CSS 可以影響可替換元素的位置，但不會(huì)影響到可替換元素自身的內(nèi)容项棠。某些可替換元素悲雳，例如 <iframe> 元素，可能具有自己的樣式表香追，但它們不會(huì)繼承父文檔的樣式合瓢。
CSS 能對(duì)可替換元素產(chǎn)生的唯一影響在于，部分屬性支持控制元素內(nèi)容在其框中的位置或定位方式透典。有關(guān)詳細(xì)信息晴楔，請(qǐng)參閱本文下面的控制內(nèi)容框中的對(duì)象位置。
可替換元素Edit節(jié)
典型的可替換元素有：
有些元素僅在特定情況下被作為可替換元素處理峭咒，例如：
HTML 規(guī)范也說了 <input> 元素可替換税弃，因?yàn)?"image" 類型的 <input> 元素就像<img>一樣被替換。但是其他形式的控制元素凑队，包括其他類型的 <input> 元素钙皮，被明確地列為非可替換元素（non-replaced elements）。該規(guī)范用術(shù)語(yǔ)小掛件（Widgets）來描述它們默認(rèn)的限定平臺(tái)的渲染行為顽决。
用 CSS content 屬性插入的對(duì)象是匿名的可替換元素短条。它們并不存在于 HTML 標(biāo)記中，因此是“匿名的”才菠。
