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