HTML5新特性

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

一、語(yǔ)義特性（Class：Semantic）

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

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

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

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

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

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

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

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

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

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

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