HTML5給Web帶來(lái)9大改變

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

Adobe和Apple圍繞Flash發(fā)生的沖突是今年上半年的一個(gè)焦點(diǎn)事件，引起了很多人的關(guān)注，其中也有不少人因這一事件第一次了解到HTML5的存在。初次了解HTML5的人可能會(huì)非常驚訝，HTML5規(guī)范早在6年前就開始制定了，然而，時(shí)至今日盡管HTML5規(guī)范草案已經(jīng)非常好，但何時(shí)真正成為標(biāo)準(zhǔn)卻仍然不確定。

的確，HTML5規(guī)范制定委員會(huì)工作進(jìn)展非常緩慢。因?yàn)殛P(guān)于如何改進(jìn)瀏覽器和改進(jìn)Web世界，不管是瀏覽器供應(yīng)商還是其他人都有太多的想法，而這些都要匯聚到HTML5規(guī)范中并達(dá)成一致，這需要時(shí)間。許多新的標(biāo)簽和JavaScript函數(shù)盡管已經(jīng)在一些瀏覽器上進(jìn)行了實(shí)驗(yàn)，但互操作性和標(biāo)準(zhǔn)化問(wèn)題還沒(méi)有解決。比如，Apple所做的HTML5演示雖然令人印象深刻，但它們也只在Safari上運(yùn)行良好。這就是為什么Flash的支持者嘲笑HTML5把Web世界帶回到2000年的瀏覽器大戰(zhàn)時(shí)代的原因。

雖然這種嘲笑可能讓HTML5的支持者很傷心，而且漫長(zhǎng)的等待的確很難熬，但如果就此忽略HTML5卻是不對(duì)的。在HTML5的背后不僅有行業(yè)巨頭的推動(dòng)，而更為重要的是，標(biāo)準(zhǔn)化是IT技術(shù)發(fā)展的必然趨勢(shì)。就軟件而言，不論是瀏覽器還是相關(guān)的開發(fā)工具，都會(huì)不斷吸納周圍的各種技術(shù)，最后對(duì)其進(jìn)行標(biāo)準(zhǔn)化，這是技術(shù)發(fā)展的必然規(guī)律。

HTML5將改變?cè)诨ヂ?lián)網(wǎng)的方方面面，它不會(huì)完全取代Flash，但HTML5的確會(huì)重塑互聯(lián)網(wǎng)，使瀏覽器無(wú)需借助插件就可以做更多的工作，從位置跟蹤到把數(shù)據(jù)保存到云端。HTML5的標(biāo)簽將取代那些完成比較簡(jiǎn)單的任務(wù)的插件，至少在某些時(shí)候，它可以把一些高級(jí)的功能開發(fā)給更多的用戶。它也可能使互聯(lián)網(wǎng)更安全、更高效、更靈活。

那么，即將成為新標(biāo)準(zhǔn)的HTML5到底會(huì)把我們帶向哪里？下面收集了開發(fā)者、程序員以及設(shè)計(jì)師的一些看法，從中可以了解到HTML5如何改變互聯(lián)網(wǎng)世界。

1. 降低插件的重要性

從前，Web世界是非常歡迎瀏覽器插件的，因?yàn)樗膭?lì)創(chuàng)新的想法和大膽實(shí)驗(yàn)，而聲音、動(dòng)畫及其他一些非常生動(dòng)的網(wǎng)頁(yè)，通過(guò)Sun、Adobe、RealAudio、微軟以及其他的一些公司開發(fā)的插件第一次在網(wǎng)絡(luò)呈現(xiàn)也的確讓人耳目一新。然而，問(wèn)題很快就出現(xiàn)了，插件的接口是向所有人開放的，每個(gè)人都在嘗試給舊的、以文本為基礎(chǔ)的世界增加新的功能。其中最有名的插件就是Flash，其他類似的插件更是數(shù)不勝數(shù)。

出于多種原因，Apple禁止Adobe的Flash在自己的平臺(tái)上運(yùn)行，也使得廣大Apple迷們不能Apple平臺(tái)上看到Flash，而HTML5的流行將這種沖突不再出現(xiàn)，它將逐步淘汰那些相對(duì)封閉的開發(fā)體系：JavaFX的功能可能真的很強(qiáng)大，但既然JavaScript和Canvas對(duì)象就能做同樣的工作，為什么還要學(xué)習(xí)另一種語(yǔ)法？如果video標(biāo)簽?zāi)軐⑼揭粢曨l，誰(shuí)需要Real的生態(tài)系統(tǒng)？

那么，插件真的會(huì)全部消失嗎？也許吧，但這要取決于你想做的事情。如果你的目標(biāo)只是繪制圖像，那么Canvas對(duì)象可能就夠用了。但如果你想建立一個(gè)專業(yè)的3D世界，正如在復(fù)雜的Flash和Shockwave游戲中所看到的那樣，你可能還得依賴專有的插件技術(shù)，因?yàn)檫@些插件技術(shù)可以直接訪問(wèn)視頻硬件，運(yùn)行3D游戲。

2.支持動(dòng)態(tài)生成圖像

過(guò)去，網(wǎng)頁(yè)中顯示的圖像來(lái)自于直接下載的GIF或JPG圖像，而在HTML5中，圖像可能并不是直接來(lái)自圖像文件，而是由某個(gè)Canvas（畫布）對(duì)象臨時(shí)生成的。網(wǎng)絡(luò)上已經(jīng)出現(xiàn)了大量的非常好的圖形庫(kù) ，這些圖形庫(kù)的存在使得動(dòng)態(tài)生成圖像更加容易。

如今，JavaScript層可以根據(jù)數(shù)據(jù)進(jìn)行計(jì)算然后繪制出圖形。如果軟件開發(fā)商有足夠的時(shí)間和人才的話，完全可以讓網(wǎng)絡(luò)上的一切變得更加生動(dòng)，而純文本內(nèi)容越來(lái)越少。Flash只是剛剛一個(gè)開端，HTML5環(huán)境讓W(xué)eb開發(fā)人員更易于開發(fā)出復(fù)雜的圖像。市場(chǎng)已經(jīng)出現(xiàn)了一些類似的工具，它們將進(jìn)一步提高Web開發(fā)人員駕馭圖像的能力，而其隨著工具的成熟，開發(fā)人員也將開發(fā)出更多更為專業(yè)的復(fù)雜圖形。

這里可能存在的一個(gè)問(wèn)題是，這種圖像的處理可能會(huì)給客戶端處理器帶來(lái)很大負(fù)擔(dān)，比如對(duì)客戶端的處理器處理能力有一定要求。在過(guò)去，一些開發(fā)人員根本不敢用Flash插件，因?yàn)殇秩竞驼宫F(xiàn)Flash內(nèi)容可能給處理器帶來(lái)很大開銷，極大地影響用戶的最終體驗(yàn)。未來(lái)這不應(yīng)該成為問(wèn)題，開發(fā)者不應(yīng)該因擔(dān)心影響性能就不體驗(yàn)生動(dòng)的圖像，而是開發(fā)者應(yīng)該做出一個(gè)折中的選擇。每一個(gè)抱怨Flash影響性能的人都應(yīng)該知道，這與技術(shù)本身沒(méi)有關(guān)系，問(wèn)題來(lái)自設(shè)計(jì)師們?yōu)榱宋覀兊淖⒁饬?，它們過(guò)多地使用了這項(xiàng)技術(shù)。

3.允許Web程序利用本地存儲(chǔ)

Web程序員其實(shí)早就可以利用瀏覽器端的本地存儲(chǔ)空間存儲(chǔ)很多信息，比如IE允許最多300個(gè)Cookie，最多存儲(chǔ)4096個(gè)字節(jié)的內(nèi)容。不過(guò)，要開發(fā)真正實(shí)用的Web應(yīng)用，可能需要比這更多的存儲(chǔ)空間。比如，Dojo工具包的早期版本中使用Flash插件來(lái)分配用戶硬盤上的部分空間，把它留給瀏覽器使用，而現(xiàn)在很簡(jiǎn)單了，使用HTML5就可以達(dá)到同樣的目的。

對(duì)于這部分存儲(chǔ)，程序員可以按照自己的需要任意使用，比如把云服務(wù)的應(yīng)用和數(shù)據(jù)保存在本地硬盤上。這也使得云應(yīng)用的交付、安裝和部署都非常像傳統(tǒng)的應(yīng)用程序。比如，無(wú)論是否有互聯(lián)網(wǎng)連接，云應(yīng)用程序都可以照常運(yùn)行，因?yàn)橹耙呀?jīng)從服務(wù)器上下載了HTML5應(yīng)用的JavaScript代碼，這部分代碼就保存在本地。

這種技術(shù)的應(yīng)用并不會(huì)影響云應(yīng)用的普及，因?yàn)楝F(xiàn)在的運(yùn)行模式與過(guò)去有很大不同，本地?cái)?shù)據(jù)庫(kù)實(shí)際上扮演的是智能緩存的作用。而游戲開發(fā)人員可以在本地存儲(chǔ)一些情景信息和裝備信息，這樣可避免每次一連機(jī)就要下載這些信息，省了下載資料的時(shí)間。而不利的方面就是這些數(shù)據(jù)庫(kù)深埋在系統(tǒng)文件夾之中，這樣，進(jìn)行數(shù)據(jù)備份時(shí)就變得不再簡(jiǎn)單。用戶如果想把數(shù)據(jù)從一臺(tái)機(jī)器遷移到另一臺(tái)機(jī)器，數(shù)據(jù)遷移工作可能就會(huì)變得更為復(fù)雜。

或許混合云的出現(xiàn)可能解決這一問(wèn)題，就是云端和本地都保存有數(shù)據(jù)，而本地計(jì)算機(jī)只是緩存數(shù)據(jù)，最終版本保存在云中，這樣從任意一臺(tái)計(jì)算機(jī)上就可以訪問(wèn)到。

4.簡(jiǎn)化Web開發(fā)的數(shù)據(jù)提取

曾從網(wǎng)頁(yè)中提取過(guò)數(shù)據(jù)的Web開發(fā)人員都知道，現(xiàn)有的HTML結(jié)構(gòu)除了告訴瀏覽器這些信息在哪里之外，幾乎不能再提供任何有意義的信息。開發(fā)人員需要了解與數(shù)據(jù)本身有關(guān)的信息，這些信息能幫助程序員了解這些數(shù)據(jù)的真正含義。 HTML5中所謂的微格式（Microformat）引入了一種新的機(jī)制，它在HTML中新增了一些專門的標(biāo)簽，可以幫助程序員分析標(biāo)簽之中的數(shù)據(jù)的真實(shí)含義。

沒(méi)有人能夠預(yù)測(cè)微格式到底將帶給網(wǎng)絡(luò)多少改變，但很容易看出，這種新的機(jī)制將給程序員帶來(lái)很大方便，幫助程序員開發(fā)出更有效率的Web應(yīng)用。比如，如果有一個(gè)好的、標(biāo)準(zhǔn)的方式來(lái)表示日期和時(shí)間 ，那么程序員在為網(wǎng)站開發(fā)與時(shí)間有關(guān)的Web程序時(shí)，就無(wú)需另外編寫專門的代碼來(lái)分析或者猜測(cè)別人可能用的什么時(shí)間格式。這樣，日歷、時(shí)間表、日程安排等需要從多個(gè)數(shù)據(jù)源收集時(shí)間信息的應(yīng)用也就變成非常簡(jiǎn)單的工作了。

5.支持位置服務(wù)

在Web世界里，過(guò)去我們只知道其IP地址，那些數(shù)字對(duì)應(yīng)著一個(gè)什么樣子的真實(shí)世界，我們根本不知道。比如，某臺(tái)電腦究竟在哪里，過(guò)去幾乎不可能知道，而現(xiàn)在出現(xiàn)了位置服務(wù)，可以解決這個(gè)問(wèn)題。HTML5標(biāo)準(zhǔn)中允許JavaScript詢問(wèn)瀏覽器用戶的地理位置，比如緯度和經(jīng)度信息。通常桌面系統(tǒng)不支持這一功能（因?yàn)樾枰蠫PS或Wi-Fi），但如果終端是手持智能手機(jī)，這個(gè)功能就可以發(fā)揮作用。

今天，沒(méi)有人能知道聰明的程序員會(huì)基于這些位置信息創(chuàng)建出什么應(yīng)用來(lái)，但有一點(diǎn)可以肯定，就是一定會(huì)以一種變幻莫測(cè)和難以置信的方式將把虛擬世界與現(xiàn)實(shí)世界整合到一起。

6.讓W(xué)eb視頻播放更流暢

HTML5中的“video”標(biāo)簽使Web開發(fā)人員很容易把視頻內(nèi)容與網(wǎng)頁(yè)中的其他內(nèi)容整合起來(lái)，也讓那些從事jQuery和PHP開發(fā)的人員可以加入到Web開發(fā)隊(duì)伍中，使得Web開發(fā)不再僅僅是Flash、Silverlight和JavaFX開發(fā)人員的專利。

盡管這一設(shè)想看起來(lái)很誘人，但面臨的困難依然不少，因?yàn)镠TML5標(biāo)準(zhǔn)中沒(méi)有指定任何編解碼器，而每個(gè)人都想發(fā)布自己的視頻和聲音編解碼器。這就意味著我們用一種混亂取代另一個(gè)混亂：只是過(guò)去我們把嵌入到瀏覽器中的軟件稱為插件，而今天把它稱為編解碼器而已。因此，今天我們雖然有了一個(gè)標(biāo)準(zhǔn)的“video”標(biāo)簽，但瀏覽器可能知道也可能不知道到底如何解釋這些視頻內(nèi)容。

在洛杉磯任教的HTML5應(yīng)用開發(fā)講師Erich Ocean認(rèn)為編解碼器的戰(zhàn)爭(zhēng)仍在繼續(xù)。 “計(jì)算機(jī)開發(fā)人員和Mozilla組織如果認(rèn)為他們能為視頻專業(yè)人士制定視頻標(biāo)準(zhǔn)，那就大錯(cuò)特錯(cuò)了?！彼f(shuō)，“我們看到谷歌的新視頻格式在一些地方得到了使用，比如在YouTube網(wǎng)站，但永遠(yuǎn)不會(huì)像H.264那樣普及?！?/P>

盡管面臨比較混亂的局面，因?yàn)闊o(wú)法讓大家達(dá)成一致，但是新的“video”標(biāo)簽肯定會(huì)讓互聯(lián)網(wǎng)視頻內(nèi)容越來(lái)越豐富，網(wǎng)頁(yè)將成為視頻內(nèi)容的主要發(fā)布源地，而同時(shí)單純的文字內(nèi)容也會(huì)越來(lái)越少。不過(guò)，這對(duì)孩子的教育未必是好事，因?yàn)楝F(xiàn)在的孩子們變得越來(lái)越習(xí)慣于看動(dòng)畫，而很少花時(shí)間來(lái)閱讀，更別提書寫了。

7.Widget將更豐富

在IFrame中運(yùn)行的Widget讓該網(wǎng)頁(yè)可以把其他網(wǎng)站的內(nèi)容（比如天氣預(yù)報(bào)）嵌入進(jìn)來(lái)，非常實(shí)用也非常受歡迎，但由于安全方面的原因，這些Widget一直運(yùn)行在一個(gè)相對(duì)獨(dú)立的環(huán)境中，與網(wǎng)頁(yè)中的其他內(nèi)容基本保持隔離狀態(tài)。

而HTML5為這些Widget提供了一個(gè)相互通信的標(biāo)準(zhǔn)機(jī)制。盡管它們?nèi)匀徊荒軌蛳嗷ミM(jìn)入對(duì)方的運(yùn)行環(huán)境中，但它們已經(jīng)可以相互發(fā)送信息協(xié)同工作。

廣告商對(duì)此早就期盼已久，它們非常希望能把分散到同一個(gè)網(wǎng)頁(yè)各個(gè)位置的旗幟廣告整合起來(lái)，而從開發(fā)的角度來(lái)說(shuō)，開發(fā)人員也一定會(huì)找到其他實(shí)際用途。例如，在Web頁(yè)面上播放的網(wǎng)球比賽畫面可以和左右兩邊的球員信息同步起來(lái)，這在HTML 1.0時(shí)代是難以想象的。

然而，可以發(fā)送信息、相互通信機(jī)制只是一個(gè)開始，下一個(gè)亟待解決的是通信協(xié)議的問(wèn)題，至今還沒(méi)有這方面的一個(gè)標(biāo)準(zhǔn)。只有為傳遞信息設(shè)立一個(gè)標(biāo)準(zhǔn)，這樣當(dāng)兩個(gè)不同開發(fā)團(tuán)隊(duì)開發(fā)出來(lái)的Widget之間才有可能相互通信。換句話說(shuō)，通信雙方需要更多的標(biāo)準(zhǔn)詞匯。

8.提高瀏覽器的安全性

每個(gè)瀏覽器插件都是一個(gè)單獨(dú)的應(yīng)用程序，不同的瀏覽器插件是由不同的程序員按照不同的標(biāo)準(zhǔn)開發(fā)，發(fā)布時(shí)間不同，安全模式也不同。很自然地，有些插件比其他的更安全。隨著瀏覽器中的插件越來(lái)越多，要跟蹤每個(gè)瀏覽器插件中可能存在的安全漏洞越來(lái)越復(fù)雜。比如，去年年末的安全漏洞到底是出在插件還是瀏覽器，最后是通過(guò)升級(jí)瀏覽器而不是升級(jí)插件來(lái)解決的還是反過(guò)來(lái)？可能很難有人記得那么清楚。

把很多功能內(nèi)置到HTML5而不是使用插件可以大大降低安全風(fēng)險(xiǎn)，避免與插件開發(fā)有關(guān)的多個(gè)環(huán)節(jié)出現(xiàn)問(wèn)題，更可以防止有人故意利用插件中的API安裝惡意代碼。因?yàn)橄鄬?duì)而言，F(xiàn)irefox、Chrome或IE瀏覽器等瀏覽器的安全性通常會(huì)經(jīng)過(guò)更多的人（包括安全小組）的審計(jì)，如果安全小組認(rèn)為某個(gè)瀏覽器安全，一般來(lái)說(shuō)，安全風(fēng)險(xiǎn)肯定要少得多。

不過(guò)，這里所說(shuō)的安全性有所改善帶有一定程度的主要臆測(cè)。這個(gè)世界總會(huì)有一些人把它們的聰明才智用到“邪道”上，他們可能利用HTML5的某種特性來(lái)從事一些惡意行為。只是現(xiàn)在沒(méi)有人能夠預(yù)測(cè)HTML5的新功能中到底可能隱藏著哪些危險(xiǎn)。

9.簡(jiǎn)化Web開發(fā)

在一家Web軟件開發(fā)公司工作的開發(fā)人員的話很有代表性，它簡(jiǎn)明扼要地闡述了HTML5可能帶來(lái)的變化。他說(shuō)：“我更喜歡HTML5，主要是因?yàn)樗刮夷軌蛟谝粋€(gè)統(tǒng)一的開發(fā)環(huán)境下進(jìn)行開發(fā)，這個(gè)環(huán)境就是瀏覽器加JavaScript再加上DOM，而不必在Flash世界和HTML5的世界之間來(lái)回切換。只要掌握一門開發(fā)語(yǔ)言和一個(gè)工具集，就可以開發(fā)任何插件?！?/P>

他補(bǔ)充說(shuō)，“我認(rèn)為，對(duì)于用戶而言好處也是很明顯的，而今Flash仿佛在互聯(lián)網(wǎng)世界里另外創(chuàng)立了一片天地。”

的確，HTML5采用了統(tǒng)一的語(yǔ)言（JavaScript）、統(tǒng)一的數(shù)據(jù)模型（XML和DOM）和統(tǒng)一的表現(xiàn)規(guī)則（CSS）來(lái)表現(xiàn)文本、音頻、視頻和圖形。對(duì)于開發(fā)者而言無(wú)疑的是非常理想的，基于一個(gè)統(tǒng)一的標(biāo)準(zhǔn)的開發(fā)環(huán)境、工作肯定會(huì)簡(jiǎn)單不少，但要讓一切都真如設(shè)想的那樣美好挑戰(zhàn)仍然是巨大的，首先一個(gè)是工具的不足?，F(xiàn)在HTML5的相關(guān)工具方面還很缺乏，不可否認(rèn)，F(xiàn)lash的流行與Adobe為Flash的開發(fā)提供了非常好用的工具必不可分。