1.什么是語義化標簽
語義化標簽就是具有語義的標簽，它可以清晰地向我們展示它的作用和用途。例如h系列標簽，可以將文字加粗放大。<strong>標簽可用於區別其他文字，起到強調作用。
2.語義化標簽的好處
- 語義化標簽具有可讀性，使得文檔結構清晰
- 瀏覽器便於讀取，有利於SEO優化
- 展現在頁面中時，用戶體驗好
- 便於團隊開發和維護
3.語義化標簽有哪些
- h系列標簽--標題
- p標簽--段落標簽
- 格式化文本標簽：
-
- 加粗--strong
- 傾斜--em
- 下划線--ins
- 刪除線--del
4.H5新增語義化標簽
1.herder標簽：
-
- 代表網頁或者section的頁眉，作為整個頁面或者一個內容塊的標題。
- 也可以包裹一節的目錄部分，一個搜索框，一個nav，或者任何相關的logo
- 整個頁面沒有限制herder元素的個數，可以擁有多個
2.footer標簽：
-
- 定義了整個頁面或者一部分的頁腳，通常包含一些基本信息，譬如：作者，相關文檔連接，站點地圖，版權信息等
- 如果footer包含了整個節，那么它就代表附錄，索引，許可協議，標簽，類別等一些其他類似的信息。
- 可以網頁或者任意setion的底部部分，沒有個數限制。
3.hgroup標簽：
-
- 用於對網頁或者區段標題的組合。它可以包含h系列標題，例如主標題，副標題的組合
- 如果只有一個h標題不用使用hgroup
- 如果有連續多個標題和其他文章數據，就包含h標題，一起放入herder中
4.nav標簽：
-
- 定義整個頁面的主要導航部分。
5.aside標簽：
-
- 特殊的section，可以獨立於內容存在而不會使得整體受到影響
- 通常用作側邊欄，包含與內容相關各種鏈接。它是特殊的section
- aside標簽被包含在article中時，作為主要內容的附屬信息部分，其中的內容可以是與當前文章有關的相關資料、標簽、名次解釋等
6.section標簽：
-
- 定義文檔中的節或段，段可以時一篇文章按照主體的分段，節可以指一個頁面里面的分組
7.article標簽：
-
- 定義一個文檔，頁面，或者網站中自成一體的內容。例如論壇的帖子，用戶的評論
- article內部樂意嵌套article，例如一篇帖子里，可以用article包含評論，嵌套的article一定是和文章相關聯的
- article section div的區別
-
- article更具有語義，可以作為一個獨立的頁面整體
- section表示一個獨立的段，節，是一個獨立的組的分類，這些組之間是相關聯的
- div是一個容器，沒有語義
總結
語義化標簽給我們帶來了很多的便利，但是我們不能為了刻意追求語義化，而濫用語義化標簽。之前的div，span這些沒有語義的標簽也有它本身的獨特性，在寫頁面的時候，我們還是要根據需求結合語義化標簽一起使用。
參考來源：
http://www.html5jscss.com/html5-semantics-section.html?iajsto=graea
https://blog.csdn.net/qq_38128179/article/details/80811339
http://caibaojian.com/html5/ele.html
https://blog.csdn.net/liuyingv8/article/details/80800841
https://www.cnblogs.com/zjf-1992/p/6182406.html