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