語義化HTML：用最恰當?shù)腍TML元素標記的內(nèi)容吆录。
優(yōu)點：
1 提升可訪問性；
2 SEO硝拧；
3 結(jié)構(gòu)清晰径筏，利于維護；
（html5舊的行內(nèi)元素都被歸類為短語內(nèi)容）
通用容器：div——塊級通用容器障陶；span——短語內(nèi)容無語義容器滋恬。
< title></title>：簡短、描述性抱究、唯一（提升搜索引擎排名）恢氯。
搜索引擎會將title作為判斷頁面主要內(nèi)容的指標，有效的title應(yīng)該包含幾個與頁面內(nèi)容密切相關(guān)的關(guān)鍵字鼓寺，建議將title核心內(nèi)容放在前60個字符中勋拟。
<hn></hn>：h1~h6分級標題，用于創(chuàng)建頁面信息的層級關(guān)系妈候。
對于搜索引擎而言敢靡，如果標題與搜索詞匹配，這些標題就會被賦予很高的權(quán)重苦银，尤其是h1啸胧。
<header></header>：頁眉通常包括網(wǎng)站標志赶站、主導(dǎo)航、全站鏈接以及搜索框纺念。
也適合對頁面內(nèi)部一組介紹性或?qū)Ш叫詢?nèi)容進行標記贝椿。
<nav></nav>：標記導(dǎo)航，僅對文檔中重要的鏈接群使用陷谱。
html5規(guī)范不推薦對輔助性頁腳鏈接使用nav烙博，除非頁腳再次顯示頂級全局導(dǎo)航、或者包含招聘信息等重要鏈接烟逊。
<main></main>：頁面主要內(nèi)容渣窜，一個頁面只能使用一次。如果是web應(yīng)用宪躯，則包圍其主要功能图毕。
<article></article>：包含像報紙一樣的內(nèi)容= =||是這么理解的，表示文檔眷唉、頁面、應(yīng)用或一個獨立的容器囤官。
article可以嵌套article冬阳，只要里面的article與外面的是部分與整體的關(guān)系。
<section></section>：具有相似主題的一組內(nèi)容党饮，比如網(wǎng)站的主頁可以分成介紹肝陪、新聞條目、聯(lián)系信息等條塊刑顺。
如果只是為了添加樣式氯窍，用div！
<aside></aside>：指定附注欄蹲堂，包括引述狼讨、側(cè)欄、指向文章的一組鏈接柒竞、廣告政供、友情鏈接、相關(guān)產(chǎn)品列表等朽基。
如果放在main內(nèi)布隔，應(yīng)該與所在內(nèi)容密切相關(guān)。
<footer></footer>：頁腳稼虎，只有當父級是body時衅檀，才是整個頁面的頁腳。
<small></small>：指定細則霎俩，輸入免責(zé)聲明哀军、注解沉眶、署名、版權(quán)排苍。
只適用于短語沦寂，不要用來標記“使用條款”、“隱私政策”等長的法律聲明淘衙。
<strong></strong>：表示內(nèi)容重要性传藏。
<em></em>：標記內(nèi)容著重點（大量用于提升段落文本語義）。
<mark></mark>：突出顯示文本（yellow）彤守，提醒讀者毯侦。
在HTML5中em是表示強調(diào)的唯一元素，而strong則表示重要程度具垫。
<b></b>：出于實用目的提醒讀者的一塊文字侈离，不傳達任何額外的重要性
<i></i>：不同于其他文字的文字= =|||這個翻譯真的是······
<figure></figure>：創(chuàng)建圖（默認有40px左右margin）。
<figcaption></figcaption>：figure的標題筝蚕，必須是figure內(nèi)嵌的第一個或者最后一個元素卦碾。
<cite></cite>：指明引用或者參考，如圖書的標題起宽，歌曲洲胖、電影、等的名稱坯沪，演唱會绿映、音樂會、規(guī)范腐晾、報紙叉弦、或法律文件等。
只用于參考源本身藻糖，而不是從中引述淹冰。
<blockquoto></blockquoto>：引述文本，默認新的一行顯示巨柒。
<q></q>：短的引述（跨瀏覽器問題榄棵，盡量避免使用）。
可以對blockquoto和q元素使用cite屬性（不是cite元素Ｅ斯啊）疹鳄，對搜索引擎自動化工具有用。cite=“URL”引述來源地址芦岂。
<time></time>：標記時間瘪弓。datetime屬性遵循特定格式，如果忽略此屬性禽最，文本內(nèi)容必須是合法的日期或者時間格式腺怯。
不再相關(guān)的時間用s標簽袱饭。
<abbr></abbr>：解釋縮寫詞。使用title屬性可提供全稱呛占，只在第一次出現(xiàn)時使用就ok虑乖。
abbr[title]{ border-bottom:1px dotted #000; }
<dfn></dfn>：定義術(shù)語元素，與定義必須緊挨著晾虑，可以在描述列表dl元素中使用疹味。
<address></address>：作者、相關(guān)人士或組織的聯(lián)系信息（電子郵件地址帜篇、指向聯(lián)系信息頁的鏈接）糙捺。
如果提供整個頁面的作者聯(lián)系信息，一般放在頁面級footer里笙隙。不能包含文檔或者文檔等其他內(nèi)容洪灯。
<del></del>：移除的內(nèi)容。
<ins></ins>：添加的內(nèi)容竟痰。
少有的既可以包圍塊級签钩，又可以包圍短語內(nèi)容的元素。
<code></code>：標記代碼坏快。包含示例代碼或者文件名 （< < > >）
<pre></pre>：預(yù)格式化文本边臼。保留文本固有的換行和空格。
<meter></meter>：表示分數(shù)的值或者已知范圍的測量結(jié)果假消。如投票結(jié)果。
例如：<meter value="0.2" title=”Miles“>20%completed</meter>
<progress></progress>：完成進度岭接「晦郑可通過js動態(tài)更新value。
