HTML5是萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改，為了順應整個互聯網時代變遷，使得人們能夠以更好的方式去進行網頁結構搭建，HTML5應運而生。HTML5新增了如下幾個方面你的特性：

一、語義特性（Class：Semantic）

HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。

HTML結構語義化，是最近幾年才提出來的，以前的html結構，都是一堆沒有語義的冷冰冰的標簽。最泛濫的就是div+css，以前的頁面，一打開就是一堆div+css，為了改變這種這種狀況，開發者們和官方提出了讓HTML結構語義化的概念，并且w3c也在HTML5給出了幾個新的語義化的標簽。

語義化之后文檔會有什么效果呢？就是你寫的HTML結構，是用相對應的有一定語義的英文字母（標簽）表示的，標記的，因為HTML本身就是標記語言。不僅對自己來說，容易閱讀，書寫。別人看你的代碼和結構也容易理解，甚至對一些不是做網頁開發的人來說，也容易閱讀。。

怎么知道自己的頁面結構是否語義化，那就要看HTML布局結構，在去掉CSS樣式表之后，是否，依然能很好的呈現內容的代碼結構。也就是說，去掉CSS的裝飾之后，整個HTML的結構閱讀起來依舊主次分明，能夠看清其整體的架構模塊。這也就是，語義化之后我們想要HTML文檔達到的效果。

其實語義化，也無非就是自己在使用標簽的時候在合適的場景下選取合適的標簽，比如h1~h5系列標簽，在HTML中就是就是用來定義標題；而p標簽，大部分情況下用以處理文字段落，table表格則適合做信息表格,等等。

我們對整個HTML結構進行語義化的規范操作有如下幾個好處：

1，這樣有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關鍵字的權重；

2，方便其他設備解析（如屏幕閱讀器、盲人閱讀器、移動設備）以有意義的方式來渲染網頁；

3，便于團隊開發和維護，語義化更具可讀性，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。

HTML5中新增的語義化標簽進一步加強了我們針對整個HTML結構進行語義化跟進的可操作性，使得我們網頁布局的可閱讀性更高。

常見的HTML5語義化標簽及其使用場景如下：