什么是 HTML5?

HTML5 是下一代 HTML 標(biāo)準(zhǔn)。

HTML5是HTML最新的修訂版本，2014年10月由萬(wàn)維網(wǎng)聯(lián)盟（W3C）完成標(biāo)準(zhǔn)制定。

HTML5 是如何起步的？

HTML5 是 W3C 與 WHATWG 合作的結(jié)果,WHATWG 指 Web Hypertext Application Technology Working Group。。

WHATWG 致力于 web 表單和應(yīng)用程序，而 W3C 專(zhuān)注于 XHTML 2.0。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來(lái)創(chuàng)建一個(gè)新版本的 HTML。

HTML5 中的一些有趣的新特性：

用于繪畫(huà)的 canvas 元素

用于媒介回放的 video 和 audio 元素

對(duì)本地離線(xiàn)存儲(chǔ)的更好的支持

新的特殊內(nèi)容元素，比如 article、footer、header、nav、section

新的表單控件，比如 calendar、date、time、email、url、search

HTML5 特性

 語(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。 
本地存儲(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ō)明文檔。 
設(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)。 
連接特性（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ù)端的功能。 
網(wǎng)頁(yè)多媒體特性(Class: MULTIMEDIA) 
支持網(wǎng)頁(yè)端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。 
三維、圖形及特效特性（Class: 3D, Graphics & Effects） 
基于SVG、Canvas、WebGL及CSS3的3D功能，用戶(hù)會(huì)驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺(jué)效果。 
性能與集成特性（Class: Performance & Integration） 
沒(méi)有用戶(hù)會(huì)永遠(yuǎn)等待你的Loading——HTML5會(huì)通過(guò)XMLHttpRequest2等技術(shù)，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。 
CSS3特性(Class: CSS3) 
在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開(kāi)放字體格式（WOFF）也提供了更高的靈活性和控制性。 
編輯本段現(xiàn)狀在移動(dòng)設(shè)備開(kāi)發(fā)HTML5應(yīng)用只有兩種方法，要不就是全使用HTML5的語(yǔ)法，要不就是僅使用java script引擎。 
java script引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁(yè)游戲成為可能。由于界面層很復(fù)雜，已預(yù)訂了一個(gè)UI工具包去使用。 
純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出，但優(yōu)化后的效果會(huì)好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。 
HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改。原生應(yīng)用的開(kāi)發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問(wèn)題。 
HTML5的移植非常簡(jiǎn)單，但假設(shè)每個(gè)人都會(huì)讓這變成一個(gè)自動(dòng)化操作。 

HTML5 <!DOCTYPE>

<!doctype> 聲明必須位于 HTML5 文檔中的第一行,使用非常簡(jiǎn)單:

HTML5 的改進(jìn)

新元素

新屬性

完全支持 CSS3

Video 和 Audio

2D/3D 制圖

本地存儲(chǔ)

本地 SQL 數(shù)據(jù)

Web 應(yīng)用

HTML5 多媒體

使用 HTML5 你可以簡(jiǎn)單的在網(wǎng)頁(yè)中播放 視頻(video)與音頻 (audio) 。

HTML5 <video>

HTML5 <audio>

HTML5 應(yīng)用

使用 HTML5 你可以簡(jiǎn)單地開(kāi)發(fā)應(yīng)用

本地?cái)?shù)據(jù)存儲(chǔ)

訪(fǎng)問(wèn)本地文件

本地 SQL 數(shù)據(jù)

緩存引用

Javascript 工作者

XHTMLHttpRequest 2

HTML5 圖形

使用 HTML5 你可以簡(jiǎn)單的繪制圖形:

使用 <canvas> 元素。

使用內(nèi)聯(lián) SVG。

使用 CSS3 2D 轉(zhuǎn)換、CSS3 3D 轉(zhuǎn)換。

HTML5 使用 CSS3

新選擇器

新屬性

動(dòng)畫(huà)

2D/3D 轉(zhuǎn)換

圓角

陰影效果

可下載的字體

了解更多CSS3知識(shí)請(qǐng)查看本站的 CSS3 教程。

HTML5 瀏覽器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。

HTML5 的優(yōu)勢(shì)和不足

HTML5的優(yōu)勢(shì)

　　1、提高可用性和改進(jìn)用戶(hù)的友好體驗(yàn)；

　　2、新標(biāo)簽這將有助于開(kāi)發(fā)人員定義重要的內(nèi)容；

　　3、可以給站點(diǎn)帶來(lái)更多的多媒體元素(視頻和音頻)；

　　4、可以很好的替代FLASH和Silverlight；

　　5、當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候，對(duì)于SEO很友好；

　　6、大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲。

 HTML5的不足

　　1、HTML5 本身還在發(fā)展中，它不是用戶(hù)應(yīng)用的最迫切需求，更多是廠商試圖改變軟件生態(tài)格局的戰(zhàn)略需求。

　　2、HTML5的兼容性受限于各大瀏覽器表現(xiàn)，例如微軟的IE和fireforx之間存在很多差別。

　　3、HTML5需要一個(gè)成熟完整的開(kāi)發(fā)環(huán)境，目前還缺少。

　　4、HTML5功能的暴增，瀏覽器必須有一個(gè)高效的圖形引擎和腳本引擎。

　　5、HTML5需要?dú)⑹旨?jí)應(yīng)用來(lái)吸引和引導(dǎo)用戶(hù)升級(jí)瀏覽器，最終完成HTML5終端的部署。