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