先說(shuō)結(jié)論：邊用邊學(xué)
那么，HTML規(guī)范哪里來(lái)的，又在哪里可以方便快速的學(xué)習(xí)和查詢呢？
W3C？
W3C（World Wide Web Consortium）叫做萬(wàn)維網(wǎng)聯(lián)盟或W3C理事會(huì)，是萬(wàn)維網(wǎng)的主要國(guó)際標(biāo)準(zhǔn)組織，為半自治非政府組織。該組織的目的是透過(guò)W3C制定的新標(biāo)準(zhǔn)來(lái)促進(jìn)業(yè)界成員間的兼容性和協(xié)議。多年以來(lái)，W3C制定了很多影響深遠(yuǎn)的標(biāo)準(zhǔn)規(guī)范，比如說(shuō)HTML。
HTML標(biāo)椎文檔詳細(xì)說(shuō)明了使用中的一切問(wèn)題。但對(duì)于大多數(shù)人來(lái)說(shuō)這個(gè)文檔太過(guò)于復(fù)雜，并不方便經(jīng)常性的學(xué)習(xí)查詢。
MDN？
MDN Web Docs（舊稱(chēng)Mozilla Developer Network、Mozilla Developer Center，簡(jiǎn)稱(chēng)MDN）是一個(gè)匯集眾多Mozilla基金會(huì)產(chǎn)品和網(wǎng)絡(luò)技術(shù)開(kāi)發(fā)文檔的免費(fèi)網(wǎng)站。 中文版的地址在這里。
MDN 的一切（文檔和網(wǎng)站本身）都是由一個(gè)開(kāi)放的開(kāi)發(fā)者社區(qū)創(chuàng)造?？梢园堰@個(gè)網(wǎng)站當(dāng)做工具書(shū)，HTML的使用有疑惑的都可以在這里查詢找到答案。
HTML常用標(biāo)簽有哪些?
- <a> -- anchor 錨
可以創(chuàng)建通向其他網(wǎng)頁(yè)、文件、同一頁(yè)面內(nèi)的位置、電子郵件地址或任何其他 URL 的超鏈接。
<a >Website</a>
- <abbr> -- abbreviation 縮寫(xiě)
用于展示縮寫(xiě)，并且可以通過(guò)可選的 title屬性提供完整的描述。
<abbr title="Cascading Style Sheets">CSS</abbr>
- <address> -- 地址
表示其中的 HTML 提供了某個(gè)人或某個(gè)組織（等等）的聯(lián)系信息
<address>
<a href="mailto:jim@rock.com">jim@rock.com</a><br>
<a href="tel:+13115552368">(311) 555-2368</a>
</address>
- <area> -- 區(qū)域
在圖片上定義一個(gè)熱點(diǎn)區(qū)域，可以關(guān)聯(lián)一個(gè)超鏈接。<area>元素僅在<map>元素內(nèi)部使用。
<map name="primary"> <area shape="circle" coords="200,250,25" href="another.htm" /> <area shape="default" nohref /> </map>
- <article> -- 文章
表示文檔、頁(yè)面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)，其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)，如在發(fā)布中，它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評(píng)論、交互式組件，或者其他獨(dú)立的內(nèi)容項(xiàng)目
- <aside> -- 側(cè)邊欄
表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無(wú)關(guān)的部分，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來(lái)而不會(huì)使整體受影響
- <audio> -- 音頻
用于在文檔中表示音頻內(nèi)容
<audio src="music.mp3"> </audio>
- <b> -- bring attention to 提醒注意
用于吸引讀者的注意到該元素的內(nèi)容上。用于關(guān)鍵字、名稱(chēng)或其他需要加粗顯示的文字。
- <base> --
指定用于一個(gè)文檔中包含的所有相對(duì) URL 的根 URL。一份中只能有一個(gè) <base> 元素。
如果指定了多個(gè)，只會(huì)使用第一個(gè)。
- <blockquote> -- 引用塊
代表其中的文字是引用內(nèi)容。通常在渲染時(shí)，這部分的內(nèi)容會(huì)有一定的縮進(jìn)。若引文來(lái)源于網(wǎng)絡(luò)，則可以將原內(nèi)容的出處 URL 地址設(shè)置到 cite 特性上，若要以文本的形式告知讀者引文的出處時(shí)，可以通過(guò) <cite> 元素。
<blockquote cite="https://www.huxley.net/bnw/four.html">
<p>Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.</p>
<footer>—Aldous Huxley, <cite>Brave New World</cite></footer>
</blockquote>
- <body> --
表示文檔的內(nèi)容
- <br> --
在文本中生成一個(gè)換行（回車(chē)）符號(hào)。
- <button> -- 按鈕
表示一個(gè)可點(diǎn)擊的按鈕，可以用在表單或文檔其它需要使用簡(jiǎn)單標(biāo)準(zhǔn)按鈕的地方。
<button name="button">Click me</button>
- <canvas> -- 帆布畫(huà)布
被用來(lái)通過(guò)腳本（通常是JavaScript）繪制圖形。
<canvas id="canvas" width="300" height="300"> </canvas>
- <caption> -- 標(biāo)題，說(shuō)明
展示一個(gè)表格的標(biāo)題， 它常常作為 <table>的第一個(gè)子元素出現(xiàn)，同時(shí)顯示在表格內(nèi)容的最前面，但是，它同樣可以被CSS樣式化，所以，它同樣可以出現(xiàn)在任何一個(gè)一個(gè)相對(duì)于表格的做任意位置。
- <data> --
將一個(gè)指定內(nèi)容和機(jī)器可讀的翻譯聯(lián)系在一起。但是，如果內(nèi)容是與時(shí)間或者日期相關(guān)的，則一定要使用 <time>
- <datalist> --
包含了一組<option>元素，這些元素表示其它表單控件可選值.
<datalist id="ice-cream-flavors">
<option value="Chocolate">
<option value="Coconut">
<option value="Vanilla">
</datalist>
- <dl> -- discription list描述列表
用來(lái)指明一個(gè)描述列表 <dl>元素中一個(gè)術(shù)語(yǔ)的描述。這個(gè)元素只能作為描述列表元素的子元素出現(xiàn)，并且必須跟著一個(gè) <dt>元素。
- <del> -- delete 刪除
表示一些被從文檔中刪除的文字內(nèi)容，顯示時(shí)這些文字中有一條橫線。
<p><del>This text has been deleted</del>, here is the rest of the paragraph.</p>
- <details> --
可創(chuàng)建一個(gè)掛件，僅在被切換成展開(kāi)狀態(tài)時(shí)，它才會(huì)顯示內(nèi)含的信息。<summary>元素可為該部件提供概要或者標(biāo)簽。
- <div> --
是一個(gè)通用型的流內(nèi)容容器，不表示實(shí)際意思。
- <em> -- emphasize 強(qiáng)調(diào)
標(biāo)記出需要用戶著重閱讀的內(nèi)容， <em> 元素是可以嵌套的，嵌套層次越深，則其包含的內(nèi)容被認(rèn)定為越需要著重閱讀。
- <footer> --
示最近一個(gè)章節(jié)內(nèi)容或者根節(jié)點(diǎn)元素的頁(yè)腳。
- <form> -- 表單
表示了文檔中的一個(gè)區(qū)域，此區(qū)域包含有交互控制元件，用來(lái)向 Web 服務(wù)器提交信息。
- <h1> -- 標(biāo)題
HTML <h1>–<h6> 標(biāo)題(Heading)元素呈現(xiàn)了六個(gè)不同的級(jí)別的標(biāo)題，<h1> 級(jí)別最高，而 <h6> 級(jí)別最低。
- <head> --
head 元素 規(guī)定文檔相關(guān)的配置信息（元數(shù)據(jù)），包括文檔的標(biāo)題，引用的文檔樣式和腳本等。
- <heard> --
用于展示介紹性內(nèi)容，通常包含一組介紹性的或是輔助導(dǎo)航的實(shí)用元素。
28.<hr> --
表示段落級(jí)元素之間的主題轉(zhuǎn)換（例如，一個(gè)故事中的場(chǎng)景的改變，或一個(gè)章節(jié)的主題的改變）。在HTML的早期版本中，它是一個(gè)水平線?，F(xiàn)在它仍能在可視化瀏覽器中表現(xiàn)為水平線，但目前被定義為語(yǔ)義上的，而不是表現(xiàn)層面上。
- <i> --
用于表現(xiàn)因某些原因需要區(qū)分普通文本的一系列文本。
- <ifram> --
表示嵌套的browsing context。它能夠?qū)⒘硪粋€(gè)HTML頁(yè)面嵌入到當(dāng)前頁(yè)面中。
- <img> --
將一份圖像嵌入文檔。
- <input> --
用于為基于Web的表單創(chuàng)建交互式控件，以便接受來(lái)自用戶的數(shù)據(jù); 可以使用各種類(lèi)型的輸入數(shù)據(jù)和控件小部件，具體取決于設(shè)備和user agent。
- <kbd> --
鍵盤(pán)輸入元素(<kbd>) 用于表示用戶輸入，它將產(chǎn)生一個(gè)行內(nèi)元素，以瀏覽器的默認(rèn)monospace字體顯示。
- <label> -- 標(biāo)簽
表示用戶界面中某個(gè)元素的說(shuō)明
- <li> --
用于表示列表里的條目
- <link> --
規(guī)定了當(dāng)前文檔與外部資源的關(guān)系。該元素最常用于鏈接樣式表此外也可以被用來(lái)創(chuàng)建站點(diǎn)圖標(biāo)(比如PC端的“favicon”圖標(biāo)和移動(dòng)設(shè)備上用以顯示在主屏幕的圖標(biāo))。
- <main> --
呈現(xiàn)了文檔的 <body>或應(yīng)用的主體部分。主體部分由與文檔直接相關(guān)，或者擴(kuò)展于文檔的中心主題、應(yīng)用的主要功能部分的內(nèi)容組成。
- <map> --
與 <area> 屬性一起使用來(lái)定義一個(gè)圖像映射(一個(gè)可點(diǎn)擊的鏈接區(qū)域).
- <meta> --
示那些不能由其它HTML元相關(guān)元素 (<base>, <link>, <script>, <style>或 <title>) 之一表示的任何元數(shù)據(jù)信息.
- <nav> --
表示頁(yè)面的一部分，其目的是在當(dāng)前文檔或其他文檔中提供導(dǎo)航鏈接。導(dǎo)航部分的常見(jiàn)示例是菜單，目錄和索引。
- <noscript> --
如果頁(yè)面上的腳本類(lèi)型不受支持或者當(dāng)前在瀏覽器中關(guān)閉了腳本，則在 HTML <noscript> 元素中定義腳本未被執(zhí)行時(shí)的替代內(nèi)容。
- <ol> --
表示多個(gè)有序列表項(xiàng)，通常渲染為有帶編號(hào)的列表。
- <option> --
用于定義在<select>, <optgroup>或<datalist>元素中包含的項(xiàng)。<option> 可以在彈出窗口和 html 文檔中的其他項(xiàng)目列表中表示菜單項(xiàng)。
- <p> -- paragraph段落
表示一個(gè)段落
- <script> --
用于嵌入或引用可執(zhí)行腳本。
- <section> --
表示一個(gè)包含在HTML文檔中的獨(dú)立部分，它沒(méi)有更具體的語(yǔ)義元素來(lái)表示，一般來(lái)說(shuō)會(huì)有包含一個(gè)標(biāo)題。
- <select> --
表示一個(gè)控件，提供一個(gè)選項(xiàng)菜單：
- <span> --
元素是短語(yǔ)內(nèi)容的通用行內(nèi)容器，并沒(méi)有任何特殊語(yǔ)義。
- <strong> --
表示文本十分重要，一般用粗體顯示。
- <style> --
包含文檔的樣式信息或者文檔的部分內(nèi)容。默認(rèn)情況下，該標(biāo)簽的樣式信息通常是CSS的格式。
- <summary> --
用作 一個(gè)<details>元素的一個(gè)內(nèi)容的摘要，標(biāo)題或圖例。
- <tabel> --
表示表格數(shù)據(jù) — 即通過(guò)二維數(shù)據(jù)表表示的信息。他的子元素為<tbody> ,<th> ,<tr> ,<td> ,<tfoot>
- <textarea> --
元素表示一個(gè)多行純文本編輯控件。
- <title> --
定義文檔的標(biāo)題，顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上。它只可以包含文本，若是包含有標(biāo)簽，則包含的任何標(biāo)簽都不會(huì)被解釋。
- <ul> --
無(wú)序列表元素，表示一個(gè)內(nèi)可含多個(gè)元素的無(wú)序列表或項(xiàng)目符號(hào)列表。
- <vedio> --
用于在HTML或者XHTML文檔中嵌入媒體播放器，用于支持文檔內(nèi)的視頻播放。
