HTML5是萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改，為了順應(yīng)整個(gè)互聯(lián)網(wǎng)時(shí)代變遷，使得人們能夠以更好的方式去進(jìn)行網(wǎng)頁結(jié)構(gòu)搭建，HTML5應(yīng)運(yùn)而生。HTML5新增了如下幾個(gè)方面你的特性：

一、語義特性（Class：Semantic）

HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。

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

語義化之后文檔會(huì)有什么效果呢？就是你寫的HTML結(jié)構(gòu)，是用相對(duì)應(yīng)的有一定語義的英文字母（標(biāo)簽）表示的，標(biāo)記的，因?yàn)镠TML本身就是標(biāo)記語言。不僅對(duì)自己來說，容易閱讀，書寫。別人看你的代碼和結(jié)構(gòu)也容易理解，甚至對(duì)一些不是做網(wǎng)頁開發(fā)的人來說，也容易閱讀。。

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

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

我們對(duì)整個(gè)HTML結(jié)構(gòu)進(jìn)行語義化的規(guī)范操作有如下幾個(gè)好處：

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

2，方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備）以有意義的方式來渲染網(wǎng)頁；

3，便于團(tuán)隊(duì)開發(fā)和維護(hù)，語義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化。

HTML5中新增的語義化標(biāo)簽進(jìn)一步加強(qiáng)了我們針對(duì)整個(gè)HTML結(jié)構(gòu)進(jìn)行語義化跟進(jìn)的可操作性，使得我們網(wǎng)頁布局的可閱讀性更高。

常見的HTML5語義化標(biāo)簽及其使用場(chǎng)景如下：