本題地址：https://github.com/YvetteLau/Step-By-Step/issues/8
語義化意味著顧名思義，HTML5的語義化指的是合理使用語義化的標(biāo)簽來創(chuàng)建頁面結(jié)構(gòu)赴穗，如header,footer,nav锣险，從標(biāo)簽上即可以直觀的知道這個標(biāo)簽的作用，而不是濫用div旧噪。
語義化的優(yōu)點有:
- 代碼結(jié)構(gòu)清晰，易于閱讀脓匿，利于開發(fā)和維護
- 提高用于體驗淘钟，在樣式加載失敗時，頁面結(jié)構(gòu)清晰
- 方便其他設(shè)備解析（如屏幕閱讀器）根據(jù)語義渲染網(wǎng)頁陪毡。
- 有利于搜索引擎優(yōu)化（SEO）米母，搜索引擎爬蟲會根據(jù)不同的標(biāo)簽來賦予不同的權(quán)重
語義化標(biāo)簽主要有：
- title：主要用于頁面的頭部的信息介紹
- header：定義文檔的頁眉
- nav：主要用于頁面導(dǎo)航
- main：規(guī)定文檔的主要內(nèi)容。對于文檔來說應(yīng)當(dāng)是唯一的毡琉。它不應(yīng)包含在文檔中重復(fù)出現(xiàn)的內(nèi)容铁瞒，比如側(cè)欄、導(dǎo)航欄桅滋、版權(quán)信息慧耍、站點標(biāo)志或搜索表單。
- article：獨立的自包含內(nèi)容
- h1~h6：定義標(biāo)題
- ul: 用來定義無序列表
- ol: 用來定義有序列表
- address：定義文檔或文章的作者/擁有者的聯(lián)系信息丐谋。
- canvas：用于繪制圖像
- dialog：定義一個對話框芍碧、確認框或窗口
- aside：定義其所處內(nèi)容之外的內(nèi)容。
<aside>的內(nèi)容可用作文章的側(cè)欄号俐。 - section：定義文檔中的節(jié)（section师枣、區(qū)段）。比如章節(jié)萧落、頁眉践美、頁腳或文檔中的其他部分洗贰。
- figure：規(guī)定獨立的流內(nèi)容（圖像、圖表陨倡、照片敛滋、代碼等等）。figure 元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān)兴革，但如果被刪除绎晃，則不應(yīng)對文檔流產(chǎn)生影響。
- details：描述文檔或者文檔某一部分細節(jié)
- mark：義帶有記號的文本杂曲。
語義化應(yīng)用
例如使用可視化標(biāo)簽庶艾，構(gòu)建下面的頁面結(jié)構(gòu)：
對于早期不支持HTML5的瀏覽器，如IE8及更早之前的版本擎勘，我們可以引入 html5shiv 來支持咱揍。
