TML5的新特性

1. 語義特性(Class:Semantic)

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

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

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

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

4. 連接特性(Class: CONNECTIVITY)

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

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

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

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

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

HTML5的優(yōu)缺點(diǎn)

優(yōu)點(diǎn)：

1、 網(wǎng)絡(luò)標(biāo)準(zhǔn)

HTML5本身是由W3C推薦出來的,它的開發(fā)是通過谷歌、蘋果、諾基亞、中國移動(dòng)等幾百家公司一起醞釀的技術(shù),這個(gè)技術(shù)最大的好處 在于它是一個(gè)公開的技術(shù)。換句話說,每一個(gè)公開的標(biāo)準(zhǔn)都可以根據(jù) W3C的資料庫找尋根源。另一方面,W3C通過的HTML5標(biāo)準(zhǔn)也就意 味著每一個(gè)瀏覽器或每一個(gè)平臺(tái)都會(huì)去實(shí)現(xiàn)。

2、 多設(shè)備、跨平臺(tái)

3、 即時(shí)更新。

4、提高可用性和改進(jìn)用戶的友好體驗(yàn);

5、 有幾個(gè)新的標(biāo)簽,這將有助于開發(fā)人員定義重要的內(nèi)容;

6、 可以給站點(diǎn)帶來更多的多媒體元素(視頻和音頻);

7、可以很好的替代FLASH和Silverlight;

8、 涉及到網(wǎng)站的抓取和索引的時(shí)候,對(duì)于SEO很友好;

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

缺點(diǎn)：

1、 安全:

像之前Firefox4的web socket和透明代理的實(shí)現(xiàn)存在嚴(yán)重的安全問 題,同時(shí)web storage、web socket 這樣的功能很容易被黑客利用,來盜 取用戶的信息和資料,另外http的機(jī)制導(dǎo)致了web應(yīng)用安全性有所欠缺, 這將在很長時(shí)間內(nèi)成為問題。

2、 完善性:

html5 還在成熟和發(fā)展中,像之前曾經(jīng)支持的web sql database, w3c已經(jīng)決定不再維護(hù)。許多特性各瀏覽器的支持程度也不一樣,而地理定位API在國內(nèi)的前途還不清晰。

3、 技術(shù)門檻:

html5簡化開發(fā)者工作的同時(shí)代表了有許多新的屬性和API需 要開發(fā)者學(xué)習(xí),想web worker、web socket、web storage 等新特性要求 對(duì)于后臺(tái)的技術(shù)需要有一定的了解,甚至需要深入了解其后面原理和邏輯,而canvas要求視覺和圖像算法的一些知識(shí),傳統(tǒng)的前端開發(fā)者需要 掌握更多算法、視覺、后臺(tái)甚至瀏覽器原理的知識(shí),機(jī)遇的同時(shí)也是巨大的挑戰(zhàn)

4、 性能:

某些平臺(tái)上的引擎問題導(dǎo)致html5性能低下,同時(shí)在不加入GPU加 速的情況下,html5處理復(fù)雜音視頻,動(dòng)畫的性能不盡如人意。

5、 瀏覽器兼容性問題：

這是html5最大缺點(diǎn),IE9以下瀏覽器幾乎全軍覆沒,而其他瀏覽器雖然支持很好,但不是很全。

下期預(yù)告：

HTML5學(xué)習(xí)筆記三：HTML5語法規(guī)則

番外篇：昨天寫了第一篇文章，閱讀量還算可以，感謝收藏Tommy文章和訂閱Tommy say的童鞋！對(duì)于我的每一篇文章都可以在下面評(píng)論交流，我看到后也會(huì)和大家互動(dòng)回答的哦！

TML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。

繪畫 canvas：用于媒介回放的 video 和 audio 元素;

本地離線存儲(chǔ)： localStorage 長期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除;

語意化更好的內(nèi)容元素：比如 article、footer、header、nav、section;

表單控件：calendar、date、time、email、url、search;

新的技術(shù)：webworker, websocket, Geolocation;

兼容處理：

支持HTML5新標(biāo)簽：

IE8/IE7/IE6支持通過document.createElement方法產(chǎn)生的標(biāo)簽，可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽。瀏覽器支持新標(biāo)簽后，還需要添加標(biāo)簽?zāi)J(rèn)的樣式。當(dāng)然也可以直接使用成熟的框架、比如html5shiv;

 <!--[if lt IE 9]>
 <script> src="https://cdn.bootcss.com/html5shiv/r29/html5.js"</script>
 <![endif]-->

* 如何區(qū)分HTML5： 看這里