HTML5的特點(diǎn)：1、超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便；2、超級(jí)文本標(biāo)記語(yǔ)言采取子類(lèi)元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證；3、跨平臺(tái)性，可使用在廣泛的平臺(tái)上；4、通用性；5、即時(shí)更新；6、離線(xiàn)緩存功能；7、視頻和音頻的支持。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

一、什么是HTML

在了解html5之前，首先要說(shuō)一下html語(yǔ)言，盡管是更新后的5，但很多的地方還是保留了html的優(yōu)勢(shì)。

HTML是HyperText Markup Language超級(jí)文本標(biāo)記語(yǔ)言的縮寫(xiě)，是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。從第一版的出現(xiàn)到現(xiàn)在，html已經(jīng)經(jīng)歷了5次的改版，從HTML 2.0到HTML 5，html用自身的優(yōu)勢(shì)證明了其在網(wǎng)站中的優(yōu)勢(shì)，以至于替代了古老的C語(yǔ)言編程來(lái)架構(gòu)部分網(wǎng)站。

HTML有以下特點(diǎn) ：

1、簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便。

2、可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類(lèi)元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。

3、平臺(tái)無(wú)關(guān)性：雖然個(gè)人計(jì)算機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，超級(jí)文本標(biāo)記語(yǔ)言可以使用在廣泛的平臺(tái)上，這也是萬(wàn)維網(wǎng)（WWW）盛行的另一個(gè)原因。

4、通用性：另外，HTML是網(wǎng)絡(luò)的通用語(yǔ)言,一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類(lèi)型的電腦或?yàn)g覽器。

二、什么是HTML5

HTML5是HTML（超文本標(biāo)記語(yǔ)言）的第五次更新的產(chǎn)品，這是一種解釋型的語(yǔ)言，文件的擴(kuò)展名的后綴為.htm或者.html的形式，這是眾多廠(chǎng)商聯(lián)合開(kāi)發(fā)出來(lái)的產(chǎn)品，據(jù)說(shuō)W3C將會(huì)在2022年推出標(biāo)準(zhǔn)版。雖然現(xiàn)在仍處于不斷的完善中，但新增的新特性，新功能，不僅能節(jié)約Web開(kāi)發(fā)者的時(shí)間和周期，還能提升用戶(hù)的體驗(yàn)，更好的為開(kāi)發(fā)者服務(wù)。

在HTML的時(shí)代，滿(mǎn)屏的都是div元素，結(jié)構(gòu)混亂，不易閱讀，代碼臃腫。在HTML5中，新增了許多語(yǔ)義化的布局標(biāo)簽，比如nav，header，footer，article等，使布局的網(wǎng)頁(yè)結(jié)構(gòu)清晰明了。還新增了音頻，視頻，圖像，繪圖，動(dòng)畫(huà)等功能，在以前，這些都是要用flash才能完成的。使用HTML5新增的功能能做出許多酷炫的效果。

相關(guān)推薦：《Html5視頻教程》

三、HTML5特性

1、語(yǔ)義特性(Class：Semantic)

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

2、本地存儲(chǔ)特性(Class: OFFLINE & STORAGE)

基于HTML5開(kāi)發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)時(shí)間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲(chǔ)功能。Indexed DB(html5本地存儲(chǔ)最重要的技術(shù)之一)和API說(shuō)明文檔。

3、設(shè)備兼容特性 (Class: DEVICE ACCESS)

從Geolocation功能的API文檔公開(kāi)以來(lái)，HTML5為網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開(kāi)放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)。

4、連接特性(Class: CONNECTIVITY)

更有效的連接工作效率，使得基于頁(yè)面的實(shí)時(shí)聊天，更快速的網(wǎng)頁(yè)游戲體驗(yàn)，更優(yōu)化的在線(xiàn)交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù)，Server-Sent Event和WebSockets就是其中的兩個(gè)特性，這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)“推送”到客戶(hù)端的功能。

5、網(wǎng)頁(yè)多媒體特性(Class: MULTIMEDIA)

支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。

6、三維、圖形及特效特性(Class: 3D, Graphics & Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能，用戶(hù)會(huì)驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺(jué)效果。

7、性能與集成特性(Class: Performance & Integration)

沒(méi)有用戶(hù)會(huì)永遠(yuǎn)等待你的Loading——HTML5會(huì)通過(guò)XMLHttpRequest2等技術(shù)，解決以前的跨域等問(wèn)題，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。

8、CSS3特性(Class: CSS3)

在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開(kāi)放字體格式(WOFF)也提供了更高的靈活性和控制性。

四、HTML5的特優(yōu)勢(shì)

1，跨平臺(tái)性

　　在HTML5到來(lái)之前，由于平臺(tái)的多樣性，導(dǎo)致每開(kāi)發(fā)一套產(chǎn)品，就要針對(duì)不同的平臺(tái)開(kāi)發(fā)多套版本，耗費(fèi)大量的時(shí)間和精力，而且還增加了大量的開(kāi)發(fā)成本，而HTML5技術(shù)的出現(xiàn)卻能很好的解決這個(gè)問(wèn)題，開(kāi)發(fā)者只要使用一套程序，就能夠很容易的實(shí)現(xiàn)多個(gè)平臺(tái)的展現(xiàn)功能，降低了開(kāi)發(fā)難度，節(jié)約了開(kāi)發(fā)時(shí)間和成本的投入。

2，即時(shí)更新

之前原生應(yīng)用上線(xiàn)Appstore，都需要等待很長(zhǎng)的審核時(shí)間，一旦出現(xiàn)問(wèn)題需要更新，則還要重新審核，無(wú)形中浪費(fèi)了大量的時(shí)間。而HTML5是通過(guò)瀏覽器進(jìn)行加載的，所以不存在這樣的問(wèn)題，如果出現(xiàn)什么問(wèn)題，可以及時(shí)的更新上線(xiàn)，不需要等待審核時(shí)間。

3，離線(xiàn)緩存功能

HTML5中最酷的特性就是離線(xiàn)緩存。通過(guò)JavaScript提供了數(shù)種不同的離線(xiàn)儲(chǔ)存功能，相對(duì)于傳統(tǒng)的Cookie而言有更好的彈性以及架構(gòu)，并且可以?xún)?chǔ)存更多的內(nèi)容。它擁有更好的安全和性能，即使瀏覽器關(guān)閉后也可以保存。

4，視頻和音頻的支持

之前在實(shí)現(xiàn)播放媒體功能時(shí)，一直是開(kāi)發(fā)者比較痛苦的事情，需要讓你的視頻和音頻通過(guò)HTML5標(biāo)簽和來(lái)訪(fǎng)問(wèn)資源。并且為了它們能正確播放必須賦予一大堆的參數(shù)。這樣你就要不斷的重復(fù)標(biāo)簽，你的代碼也會(huì)變得十分繁瑣?，F(xiàn)在，這一切都將變的非常簡(jiǎn)單。

5，清晰的代碼

HTML5可以讓你寫(xiě)出簡(jiǎn)單清晰的代碼。使用HTML5你可以通過(guò)使用語(yǔ)義學(xué)的HTML header標(biāo)簽描述內(nèi)容來(lái)最后解決你的div及其class定義問(wèn)題。讓你的代碼更加清晰易于理解。

更多編程相關(guān)知識(shí)，請(qǐng)?jiān)L問(wèn)：編程視頻！！