一、 語義化標簽是什么？
常用的語義化標簽：
<header></header>頭部
<nav></nav>導航欄
<section></section>區塊（有語義化的div）
<main></main>主要區域
<artical></artical>主要內容
<aside></aside>側邊欄
<footer></footer>底部
二、 為什么會用語義化標簽？
平時，我們都會采用DIV+CSS布局我們的頁面。但是這樣的布局方式不僅使我們的文檔結構不夠清晰，而且不利於瀏覽器對頁面的讀取。所以HTML5新增了很多新的語義化標簽。並且，在我們未給頁面添加css樣式時，用戶體驗並不好。語義化標簽也能讓瀏覽器更好的讀取頁面結構。再就是便於團隊開發和維護，語義化更具可讀性，遵循W3C標准的團隊都遵循這個標准，可以減少差異化。
1、 頁面布局
div來實現布局，那么就要涉及到加類名或者選擇符的問題，還有起名字，很多時候就會弄混。直接用語義化標簽就會標記出每個區域的作用並且更好是實現頁面布局。
2、 在移動端布局方面應用
頁面中就可以划分狀態欄，header，main，footer。三個區域。