#### 1. 語義化標(biāo)簽 --- 語義化標(biāo)簽: 使用含有具體意義的詞語作為標(biāo)簽 語義化標(biāo)簽可以使頁面很好的呈現(xiàn)出內(nèi)容結(jié)構(gòu)和代碼結(jié)構(gòu)，比 div 標(biāo)簽有更加豐富的含義，方便開發(fā)與維護(hù) 從網(wǎng)頁的布局來說，一般會分成幾個區(qū)域，如頭部，導(dǎo)航欄，內(nèi)容區(qū)，底部。在 HTML5 之前都是使用 div、span 添加不同的樣式來區(qū)分，HTML 5 之后就對這塊做了優(yōu)化，使用語義化標(biāo)簽來表示對應(yīng)的布局模塊 HTML5 新增的語義化標(biāo)簽主要有: | 標(biāo)簽 | 描述 | | ------------ | ------------ | | header | 網(wǎng)頁頭部 | | footer | 網(wǎng)頁底部 | | nav | 網(wǎng)頁導(dǎo)航 | | main | 主內(nèi)容區(qū) | | aside | 網(wǎng)頁側(cè)邊欄 | | section | 網(wǎng)頁區(qū)塊 | | article | 網(wǎng)頁文章 | #### 2. 語義化標(biāo)簽的優(yōu)點(diǎn) --- 1\. 可以讓頁面呈現(xiàn)清晰的代碼結(jié)構(gòu)，開發(fā)體驗(yàn)較好，可讀性較高，后期維護(hù)效率更高 2\. 有利于搜索引擎的抓取，對 SEO 良好，爬蟲可以根據(jù)不同的標(biāo)簽來分析關(guān)鍵字，提升權(quán)重