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

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

一、什么是HTML

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

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

HTML有以下特點 ：

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

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

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

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

二、什么是HTML5

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

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

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

三、HTML5特性

1、語義特性(Class：Semantic)

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

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

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

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

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

4、連接特性(Class: CONNECTIVITY)

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

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

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

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

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

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

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

8、CSS3特性(Class: CSS3)

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

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

1，跨平臺性

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

2，即時更新

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

3，離線緩存功能

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

4，視頻和音頻的支持

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

5，清晰的代碼

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

更多編程相關(guān)知識，請訪問：編程視頻！！