HTML5新特性

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

一、語義特性（Class：Semantic）

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

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

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

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

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

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

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

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

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

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

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