W3C簡(jiǎn)介
萬維網(wǎng)聯(lián)盟（World Wide Web Consortium方妖，W3C），又稱W3C理事會(huì)碧囊，是萬維網(wǎng)")的主要國際標(biāo)準(zhǔn)組織
全球資訊網(wǎng)協(xié)會(huì)*（World Wide Web Consortium，W3C）是維護(hù)[網(wǎng)路相關(guān)]規(guī)則與架構(gòu)的國際機(jī)構(gòu)。
它由 420 多個(gè)開發(fā)網(wǎng)路標(biāo)準(zhǔn)甸箱、經(jīng)營(yíng)宣傳計(jì)畫、還有維護(hù)網(wǎng)路相關(guān)的公開討論會(huì)……等成員組織構(gòu)成迅脐。W3C 的業(yè)界協(xié)調(diào)公司確保它們實(shí)行相同的 W3C 標(biāo)準(zhǔn)芍殖。
每個(gè)標(biāo)準(zhǔn)都會(huì)有四個(gè)成熟過程：工作草桉（Working Draft、WD）谴蔑、候選推薦標(biāo)準(zhǔn)（Candidate Recommendation豌骏、CR）、提桉推薦標(biāo)準(zhǔn)（Proposed Recommendation隐锭、PR）窃躲、以及 W3C 推薦標(biāo)準(zhǔn)（W3C Recommendation、REC）钦睡。
MDN
MDN Web Docs是一個(gè)匯集眾多[Mozilla基金會(huì)]產(chǎn)品和網(wǎng)絡(luò)技術(shù)開發(fā)文檔的免費(fèi)網(wǎng)站該項(xiàng)目始于2005年蒂窒，最初由Mozilla公司員工Deb Richardson領(lǐng)導(dǎo)。自2006年以來荞怒，文檔工作由Eric Shepherd領(lǐng)導(dǎo)
HTML標(biāo)簽
文檔元數(shù)據(jù)
元數(shù)據(jù)（Metadata）含有頁面的相關(guān)信息洒琢，包括樣式、腳本及數(shù)據(jù)褐桌，能幫助一些軟件 (如搜索引擎衰抑， 瀏覽器等等）更好地運(yùn)用和渲染頁面。對(duì)于樣式和腳本的元數(shù)據(jù)荧嵌，可以直接在網(wǎng)頁里定義呛踊，也可以鏈接到包含相關(guān)信息的外部文件。
| 元素 | 描述 |
|---|---|
<link> |
HTML 中<link>元素指定了外部資源與當(dāng)前文檔的關(guān)系. 這個(gè)元素的使用方法包括為導(dǎo)航定義關(guān)系框架.這個(gè)元素經(jīng)常用來鏈接css文件啦撮。 |
<meta> |
HTML <meta>元素表示那些不能由其它HTML元相關(guān)元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元數(shù)據(jù)信息. |
<style> |
HTML的<style>元素包含了文檔的樣式化信息或者文檔的一部分谭网。指定的樣式化星系包含的該元素內(nèi)，通常是CSS的格式逻族。 |
內(nèi)容分區(qū)
內(nèi)容分區(qū)元素允許你將文檔內(nèi)容從邏輯上進(jìn)行組織劃分蜻底。使用包括頁眉(header)、頁腳(footer)、導(dǎo)航(nav)和標(biāo)題(h1~h6)等分區(qū)元素薄辅，來為頁面內(nèi)容創(chuàng)建明確的大綱要拂，以便區(qū)分各個(gè)章節(jié)的內(nèi)容。
| 元素 | 描述 |
|---|---|
<address> |
HTML 的<address>元素可以讓作者為它最近的<article>或者<body>祖先元素提供聯(lián)系信息站楚。在后一種情況下脱惰，它應(yīng)用于整個(gè)文檔。 |
<article> |
<article>元素表示文檔窿春、頁面拉一、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)，其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)旧乞，如在發(fā)布中蔚润，它可能是論壇帖子、雜志或新聞文章尺栖、博客嫡纠、用戶提交的評(píng)論、交互式組件延赌，或者其他獨(dú)立的內(nèi)容項(xiàng)目除盏。 |
<aside> |
*<aside> *元素表示一個(gè)和其余頁面內(nèi)容幾乎無關(guān)的部分，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來而不會(huì)使整體受影響挫以。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容者蠕。他們通常包含在工具條，例如來自詞匯表的定義掐松。也可能有其他類型的信息踱侣，例如相關(guān)的廣告、筆者的傳記甩栈、web 應(yīng)用程序泻仙、個(gè)人資料信息糕再，或在博客上的相關(guān)鏈接量没。 |
<footer> |
HTML <footer> 元素表示最近一個(gè)章節(jié)內(nèi)容或者根節(jié)點(diǎn)（sectioning root ）元素的頁腳。一個(gè)頁腳通常包含該章節(jié)作者突想、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息殴蹄。 |
<header> |
<header>元素表示一組引導(dǎo)性的幫助，可能包含標(biāo)題元素猾担，也可以包含其他元素袭灯，像logo、分節(jié)頭部绑嘹、搜索表單等稽荧。 |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
|
標(biāo)題(Heading)元素?fù)碛辛鶄€(gè)不同的級(jí)別，<h1> 是最高級(jí)的工腋，而 <h6>則是最低的級(jí)別姨丈。 一個(gè)標(biāo)題元素能簡(jiǎn)要描述該節(jié)的主題畅卓。標(biāo)題信息可以由用戶代理可以使用，例如蟋恬，自動(dòng)構(gòu)造某個(gè)文檔中的內(nèi)容表（就像本文檔右邊浮動(dòng)欄一樣）翁潘。 |
<hgroup> |
HTML <hgroup> Element (HTML Headings Group Element) 代表一個(gè)段的標(biāo)題。它規(guī)定了在文檔輪廓里（the outline of the document ）的單一標(biāo)題是它所屬的隱式或顯式部分的標(biāo)題歼争。 |
<nav> |
HTML導(dǎo)航欄 (<nav>) 描繪一個(gè)含有多個(gè)超鏈接的區(qū)域拜马，這個(gè)區(qū)域包含轉(zhuǎn)到其他頁面，或者頁面內(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)容
使用 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中的 |
元素（或者 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ù)語的描述淌喻。這個(gè)元素只能作為描述列表元素的子元素出現(xiàn)，并且必須跟著一個(gè) <dt> 元素雀摘。 |
| <dir> | HTML 目錄元素 (<dir>) 表示一個(gè)目錄裸删，也就是文件名稱的集合。 |
| <div> | HTML <div> 元素 (或 HTML 文檔分區(qū)元素) 是一個(gè)通用型的流內(nèi)容容器阵赠，它在語義上不代表任何特定類型的內(nèi)容涯塔，它可以被用來對(duì)其它元素進(jìn)行分組，一般用于樣式化相關(guān)的需求（使用 class 或 id 特性) 或者對(duì)具有相同特性的一組元素進(jìn)行分組 (比如 lang)清蚀，它應(yīng)該在沒有任何其它語義元素可用時(shí)才使用 (比如 <article> 或 <nav>) 匕荸。 |
| <dl> | HTML <dl> 元素 （或 HTML 描述列表元素）是一個(gè)包含術(shù)語定義以及描述的列表，通常用于展示詞匯表或者元數(shù)據(jù) (鍵-值對(duì)列表)枷邪。 |
| <dt> | HTML <dt> 元素 （或 HTML 術(shù)語定義元素）用于在一個(gè)定義列表中聲明一個(gè)術(shù)語榛搔。該元素僅能作為 <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)它屬于主體(main flow)時(shí)泵额，它的位置獨(dú)立于主體配深。這個(gè)標(biāo)簽經(jīng)常是在主文中引用的圖片，插圖嫁盲，表格篓叶，代碼段等等，當(dāng)這部分轉(zhuǎn)移到附錄中或者其他頁面時(shí)不會(huì)影響到主體羞秤。 |
| <hr> | HTML <hr> 元素表示段落級(jí)元素之間的主題轉(zhuǎn)換（例如缸托，一個(gè)故事中的場(chǎng)景的改變，或一個(gè)章節(jié)的主題的改變）瘾蛋。在HTML的早期版本中俐镐，它是一個(gè)水平線。現(xiàn)在它仍能在可視化瀏覽器中表現(xiàn)為水平線哺哼，但目前被定義為語義上的佩抹，而不是表現(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元素(<main>)呈現(xiàn)了文檔<body>或應(yīng)用的主體部分画侣。主體部分由與文檔直接相關(guān)，或者擴(kuò)展于文檔的中心主題堡妒、應(yīng)用的主要功能部分的內(nèi)容組成配乱。這部分內(nèi)容在文檔中應(yīng)當(dāng)是獨(dú)一無二的，不包含任何在一系列文檔中重復(fù)的內(nèi)容，比如側(cè)邊欄搬泥，導(dǎo)航欄鏈接桑寨，版權(quán)信息，網(wǎng)站logo忿檩，搜索框（除非搜索框作為文檔的主要功能）尉尾。</main> |
| <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> | The** HTML <ul> 元素** ( 或 HTML 無序列表元素） 代表多項(xiàng)的無序列表痘煤，即無數(shù)值排序項(xiàng)的集合，且它們?cè)诹斜碇械捻樞蚴菦]有意義的猿规。通常情況下速勇，無序列表項(xiàng)的頭部可以是幾種形式，如一個(gè)點(diǎn)坎拐，一個(gè)圓形或方形烦磁。頭部的風(fēng)格并不是在頁面的HTML描述定義, 但在其相關(guān)的CSS 可以用 list-style-type 屬性。 |
內(nèi)聯(lián)文本語義
使用 HTML 內(nèi)聯(lián)文本語義(Inline text semantics)定義語句哼勇，結(jié)構(gòu)都伪，可以是一個(gè)詞，一段积担，或任意風(fēng)格的文字陨晶。
| 元素 | 描述 |
|---|---|
<a> |
HTML <a>元素 (或錨元素) 可以創(chuàng)建一個(gè)到其他網(wǎng)頁、文件帝璧、同一頁面內(nèi)的位置先誉、電子郵件地址或任何其他URL的超鏈接。 |
<abbr> |
HTML <abbr>元素代表縮寫的烁，并可選擇提供一個(gè)完整的描述褐耳。 |
<b> |
HTML <b>元素表表示相對(duì)于普通文本字體上的區(qū)別，但不表示任何特殊的強(qiáng)調(diào)或者關(guān)聯(lián)渴庆，通常以粗體顯示铃芦。 |
<bdi> |
HTML <bdi> 元素 (雙向隔離元素) 會(huì)隔離可能以不同方向進(jìn)行格式化的外部文本雅镊。 |
<bdo> |
<bdo> 元素 (HTML雙向覆蓋元素)用于覆蓋當(dāng)前文本的朝向，它使得字符按給定的方向排列刃滓。 |
<br> |
HTML 元素* 換行*<br> 在文本中產(chǎn)生一個(gè)換行（回車鍵）仁烹。這對(duì)于寫詩或?qū)懸粋€(gè)地址來說顯得很有用。它可以將行明顯地分開咧虎。 |
<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ù)語的一個(gè)定義鳍鸵。 |
<em> |
HTML 著重元素 (<em>) 標(biāo)記出需要用戶著重閱讀的內(nèi)容， <em> 元素是可以嵌套的尉间，嵌套層次越深偿乖，則其包含的內(nèi)容被認(rèn)定為越需要著重閱讀。 |
<i> |
HTML元素 <i> 用于表現(xiàn)因某些原因需要區(qū)分普通文本的一系列文本哲嘲。例如技術(shù)術(shù)語贪薪、外文短語或是小說中人物的思想活動(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)鍵詞。 |
<nobr> |
HTML <nobr> 元素阻止文本自動(dòng)拆分成新行娃弓，所以它展示為長(zhǎng)的一行典格，可能還需要滾動(dòng)。這個(gè)標(biāo)簽不是標(biāo)準(zhǔn)的 HTML台丛，并且不應(yīng)該使用耍缴。反之應(yīng)該使用 CSS 屬性 |
<q> |
HTML引用標(biāo)簽 (<q>)表示一個(gè)封閉的并且是短的行內(nèi)引用的文本. 這個(gè)標(biāo)簽是用來引用短的文本，所以請(qǐng)不要引入換行符; 對(duì)于長(zhǎng)的文本的引用請(qǐng)使用 <blockquote> 替代. |
<rp> |
HTML <rp> 元素用于為那些不能使用 <ruby> 元素展示 ruby 注解的瀏覽器挽霉，提供隨后的圓括號(hào)防嗡。 |
<rt> |
HTML <rt> element 包含字符的發(fā)音，字符在 ruby 注解中出現(xiàn)侠坎，它用于描述東亞字符的發(fā)音蚁趁。這個(gè)元素始終在 <ruby> 元素中使用。 |
<rtc> |
HTML <rtc> 元素包含文字的語義注解硅蹦，它們?cè)?<rb> 元素中展示荣德。<rb> 元素可以擁有發(fā)音 (<rt>) 和語義(<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> 元素是短語內(nèi)容的通用行內(nèi)容器减宣，并沒有任何特殊語義盐须。可以使用它來編組元素以達(dá)到某種樣式意圖（通過使用類或者Id屬性）漆腌，或者這些元素有著共同的屬性贼邓，比如lang。應(yīng)該在沒有其他合適的語義元素時(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ū)窿克。 |
<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è)文本中的位置，其中瀏覽器可以選擇來換行跃惫，雖然它的換行規(guī)則可能不會(huì)在這里換行叮叹。 |
圖片和多媒體
HTML 支持各種多媒體資源，例如圖像爆存，音頻和視頻蛉顽。
| 元素 | 描述 |
|---|---|
<area> |
HTML <area> 元素 在圖片上定義一個(gè)熱點(diǎn)區(qū)域 |
<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ù)據(jù)）睁蕾，例如自動(dòng)處理字幕。 |
<video> |
HTML <video> 元素 用于在HTML或者XHTML文檔中嵌入視頻內(nèi)容债朵。 |
內(nèi)嵌內(nèi)容
除了常規(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)容源（如瀏覽器插件）提供谚中。 |
<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> 元素(或 HTML Parameter 元素) 定義了 <object>的參數(shù) |
<picture> |
HTML <picture> 元素是一個(gè)容器南誊，用來為其內(nèi)部特定的 <img> 元素提供多樣的 <source> 元素身诺。瀏覽器會(huì)根據(jù)當(dāng)前頁面（即圖片所在的盒子的容器）的布局以及當(dāng)前瀏覽的設(shè)備（比如普通的屏幕和高清屏幕）去從中選擇最合適的資源蜜托。 |
<source> |
The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video>element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers. |
腳本
為了創(chuàng)建動(dòng)態(tài)內(nèi)容和 Web 應(yīng)用程序，HTML 支持使用腳本語言霉赡，最突出的就是 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> |
如果頁面上的腳本類型不受支持或者當(dāng)前在瀏覽器中關(guān)閉了腳本攒驰，則HTML <noscript>元素定義要插入的html部分蟆湖。</noscript> |
<script> |
HTML <script> 元素用于嵌入或引用可執(zhí)行腳本。 |
編輯標(biāo)識(shí)
這些元素能標(biāo)示出某個(gè)文本被更改過的部分玻粪。
| 元素 | 描述 |
|---|---|
<del> |
HTML 刪除文字元素（<del>）表示已經(jīng)從文檔中刪除的文本范圍隅津。此元素通常是（但不必）呈現(xiàn)刪除線的文本。 |
<ins> |
HTML <ins> 元素定義已經(jīng)被插入文檔中的文本劲室。 |
表格內(nèi)容
這里的元素用于創(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> 元素 定義表格中的列涝焙，并用于定義所有公共單元格上的公共語義。它通常位于<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> |
|
<th> |
HTML <th> 元素 |
<thead> |
HTML的<thead>元素定義了一組定義表格的列頭的行妖滔。 |
<tr> |
HTML <tr> 元素定義表格中的行隧哮。 Those can be a mix of <td> and <th> elements. |
表單
HTML 提供了許多可一起使用的元素，這些元素能用來創(chuàng)建一個(gè)用戶可以填寫并提交到網(wǎng)站或應(yīng)用程序的表單铛楣。詳情請(qǐng)參閱 HTML forms guide近迁。
| 元素 | 描述 |
|---|---|
<button> |
**HTML <button>元素 **表示一個(gè)可點(diǎn)擊的按鈕。能夠在表單簸州，或者 HTML 文檔的任一需要按鈕的位置鉴竭。默認(rèn)情況下 HTML 按鈕會(huì)呈現(xiàn)與用戶主機(jī)相似的樣式歧譬，基于 user agent。 |
<datalist> |
HTML Datalist 元素 (<datalist>) 包含了一組<option>元素,這些元素表示其它表單控件可選值. |
<fieldset> |
|
<form> |
HTML <form> ****元素 表示了文檔中的一個(gè)區(qū)域搏存，這個(gè)區(qū)域包含有交互控制元件瑰步，用來向web服務(wù)器提交信息。 |
<input> |
**HTML <input> **元素用于為基于Web的表單創(chuàng)建交互式控件璧眠，以便接受來自用戶的數(shù)據(jù)缩焦。 |
<label> |
HTML <label style="font-style: normal !important; margin: 0px; padding: 0px; border: 0px; cursor: pointer;">元素表示用戶界面中項(xiàng)目的標(biāo)題。</label> |
[<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 (<select>) 元素是一種表單控件腰鬼，可創(chuàng)建選項(xiàng)菜單嵌赠。菜單內(nèi)的選項(xiàng)為[<option>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/option "在web表單中, HTML元素 <option> 用于定義在<select>, <optgroup> 或<datalist> 元素中包含的項(xiàng)。<option> 可以在彈出窗口和 html 文檔中的其他項(xiàng)目列表中表示菜單項(xiàng)熄赡。") , 可以由 [<optgroup>](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/optgroup "在一個(gè)web表單中, HTML元素 <optgroup> 會(huì)創(chuàng)建包含在一個(gè) <select> 元素中的一組選項(xiàng)") 元素分組姜挺。選項(xiàng)可以被用戶預(yù)先選擇。 |
<textarea> |
HTML <textarea> 元素表示一個(gè)多行純文本編輯控件彼硫。 |
交互元素
HTML 提供了一系列有助于創(chuàng)建交互式用戶界面對(duì)象的元素炊豪。
| 元素 | 描述 |
|---|---|
<details> |
HTML <details>元素被用作發(fā)現(xiàn)小部件，用戶可以從其中檢索附加信息乌助。 |
<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 組件
Web 組件是種近似 HTML（HTML-related） 的技術(shù)把篓，這使得它能夠纫溃，從本質(zhì)上講，創(chuàng)建和使用自定義元素韧掩，就好像它是普通的 HTML紊浩。此外，你甚至可以創(chuàng)建自定義版本的標(biāo)準(zhǔn) HTML 元素。
**注意: **Web組件的元素都在 World Wide Web Consortium (W3C) Web Components collection of specifications 定義而不是 HTML 規(guī)范坊谁。此外费彼，Web 組件規(guī)范還沒有最后確定，隨時(shí)有可能發(fā)生更改口芍。
| 元素 | 描述 |
|---|---|
<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> **標(biāo)簽是web組件技術(shù)的一部分，slot是web組件的一個(gè)占位符岛都，可以用來插入自定義的標(biāo)記文本≌窬可以創(chuàng)建不同的DOM樹并進(jìn)行渲染臼疫。 |
<template> |
**HTML <template>元素 **是一種用于保存客戶端內(nèi)容的機(jī)制，該內(nèi)容在頁面加載時(shí)不被渲染扣孟，但可以在運(yùn)行時(shí)使用JavaScript進(jìn)行實(shí)例化烫堤。 |
空元素
一個(gè)空元素（empty element）可能是 HTML，SVG凤价，或者 MathML 里的一個(gè)不可能存在子節(jié)點(diǎn)（例如內(nèi)嵌的元素或者元素內(nèi)的文本）的element鸽斟。
HTML，SVG 和 MathML 的規(guī)范都詳細(xì)定義了每個(gè)元素能包含的具體內(nèi)容（define very precisely what each element can contain）利诺。許多組合是沒有任何語義含義的富蓄，比如一個(gè) <audio> 元素嵌套在一個(gè) <hr> 元素里。
在 HTML 中慢逾，通常在一個(gè)空元素上使用一個(gè)閉標(biāo)簽是無效的立倍。例如， <input type="text"></input> 的閉標(biāo)簽是無效的 HTML侣滩。
在 HTML 中有以下這些空元素：
<area><base><br><col>-
<colgroup>when the[span](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/colgroup#attr-span)is present <command><embed><hr><img><input><keygen><link><meta><param><source><track><wbr>
可替換元素
CSS 里口注，可替換元素（replaced element）的展現(xiàn)不是由CSS來控制的。這些元素是一類 外觀渲染獨(dú)立于CSS的 外部對(duì)象君珠。 典型的可替換元素有 <img>寝志、 <object>、 <video> 和 表單元素，如<textarea>材部、 <input> 悠菜。 某些元素只在一些特殊情況下表現(xiàn)為可替換元素，例如 <audio> 和 <canvas> 败富。 通過 CSS content 屬性來插入的對(duì)象 被稱作 匿名可替換元素（anonymous replaced elements）悔醋。
CSS在某些情況下會(huì)對(duì)可替換元素做特殊處理，比如計(jì)算外邊距和一些auto值兽叮。
需要注意的是芬骄，一部分（并非全部）可替換元素，本身具有尺寸和基線（baseline）鹦聪，會(huì)被像vertical-align之類的一些 CSS 屬性用到账阻。
