8 年，屬于 HTML 5 的春天才悄然到來(lái)

2016年01月29日 91 亦強(qiáng)軟件 分類(lèi)：HTML5開(kāi)發(fā)方案

 在 8 年時(shí)間中，HTML 5 為整個(gè)行業(yè)都帶來(lái)了什么，標(biāo)準(zhǔn)最終確定后又會(huì)產(chǎn)生什么樣的變革呢?

　　對(duì)很多人來(lái)說(shuō)，很有可能在微信朋友圈里玩過(guò)「圍住神經(jīng)貓」，也很有可能看到過(guò)各種制作精細(xì)而且互動(dòng)性很強(qiáng)的賀卡或者是邀請(qǐng)函。支撐這些背后的，都利用到了一項(xiàng)技術(shù)——HTML 5。然而，從 HTML 5 初誕生到技術(shù)標(biāo)準(zhǔn)最終確定卻歷時(shí)長(zhǎng)達(dá) 8 年。那么，在這 8 年中，HTML 5 為整個(gè)行業(yè)都帶來(lái)了什么，標(biāo)準(zhǔn)最終確定后又會(huì)產(chǎn)生什么樣的變革呢?

　　因 Web 2.0 而生

　　HTML 5 最初的草案可以追溯到 10 年前 Web 超文本應(yīng)用技術(shù)工作組，也就是 WHATWG 的成立。

　　在那個(gè)時(shí)期，正是所謂 Web 2.0 概念火熱的時(shí)間。世界范圍內(nèi)的網(wǎng)速變的更快，人們也不想僅僅從網(wǎng)絡(luò)中獲取內(nèi)容是，而是更多參與到創(chuàng)作與分享中。內(nèi)容上，也不再是過(guò)去單純的文字和很少的圖片，更多視頻和動(dòng)畫(huà)內(nèi)容開(kāi)始更多的出現(xiàn)在互聯(lián)網(wǎng)上。網(wǎng)頁(yè)也過(guò)去的靜態(tài)變的動(dòng)態(tài)了起來(lái)。讓網(wǎng)頁(yè)看上去動(dòng)起來(lái)，很多時(shí)候都需要依賴(lài) Flash 或者是基于 .Net 架構(gòu)的 SilverLight。

　　HTML 5 誕生時(shí)最初的意義在于減少瀏覽器對(duì)于外掛程序來(lái)實(shí)現(xiàn)高級(jí)的效果。比如在過(guò)去，網(wǎng)站所有的視頻或者動(dòng)畫(huà)可能都需要借助 Flash 進(jìn)行播放。HTML 5 支持音頻、視頻在網(wǎng)頁(yè)中的直接添加也能處理視頻、圖片等多媒體內(nèi)容。

　　也就是說(shuō) HTML 5 為瀏覽器內(nèi)的 Web 內(nèi)容變的更加動(dòng)態(tài)，更加符合后 Web 2.0 的潮流。

　　雖然 2008 年 HTML 5 的第一份草案就已經(jīng)出爐，但是 HTML 5 真正火起來(lái)則源自10 年喬布斯的一篇文章，指出 Flash 不再必須，HTML 5 在功能上，已經(jīng)可以取代 Flash。隨著以 iPhone 為代表的觸摸移動(dòng)設(shè)備的興起，在移動(dòng)端，網(wǎng)頁(yè)中的交互實(shí)際與經(jīng)常在 PC 上瀏覽使用 Flash 的方式并不相同。這時(shí)，iPhone 也放棄了對(duì) Flash 的支持，開(kāi)始擁抱 HTML 5。

　　快速發(fā)展中的迷茫

　　由于智能移動(dòng)設(shè)備一方面出貨量開(kāi)始大增，一方面開(kāi)始紛紛支持 HTML 5 技術(shù)，所以，從 2010 年開(kāi)始，使用 HTML 5 技術(shù)進(jìn)行 Web 的開(kāi)發(fā)也越來(lái)越多。

　　在 2010 年，Youtube 就推出了基于 HTML 5 的播放器，2011 年，包括 Twitter 在內(nèi)的世界排名前 100 的網(wǎng)站中，有 34% 的網(wǎng)站都使用了 HTML 5 技術(shù)。競(jìng)爭(zhēng)對(duì)手 Adobe 也在同年宣布停止開(kāi)發(fā)針對(duì)移動(dòng)設(shè)備的 Flash 播放器。一切看上去 HTML 5 正在所向披靡，在移動(dòng)平臺(tái)擊潰了 Flash，甚至有很多公司開(kāi)始有了使用 Web App 代替 Native App 的做法，比如說(shuō) Facebook。

　　可以說(shuō)，F(xiàn)acebook 是個(gè)十分注重創(chuàng)新而且熱衷新技術(shù)的公司，比如當(dāng)初的 Facebook home 以及剛剛推出的 Rooms。當(dāng)時(shí)，F(xiàn)acebook 將寶壓在了 HTML 5 身上，而在當(dāng)時(shí)放棄了 Native App 的發(fā)展。然而，歷經(jīng) 2 年，F(xiàn)acebook 最終還是放棄了 HTML 5，最后扎克伯格也承認(rèn)完全押注 HTML5 是 Facebook 移動(dòng)戰(zhàn)略的「最大戰(zhàn)略性失誤」。

　　在這背后，實(shí)際隱藏著 HTML 5 背后的一些問(wèn)題，WHATWG 與 W3C 對(duì)于這一技術(shù)標(biāo)準(zhǔn)的爭(zhēng)論持續(xù)了很久，WHATWG 更希望 HTML 5 可以快速迭代，W3C 希望 HTML 5 成為一個(gè)長(zhǎng)期的標(biāo)準(zhǔn)，甚至一度分道揚(yáng)鑣。所以 HTML 5 的最終標(biāo)準(zhǔn)沒(méi)有被確定，與硬件調(diào)用相關(guān)的 API 也不完全。而且 HTML 5 在性能上也很難達(dá)到原生本地應(yīng)用的水準(zhǔn)，最終導(dǎo)致了 Facebook 放棄了 HTML 5 轉(zhuǎn)向了本地應(yīng)用的開(kāi)發(fā)，目前 Facebook 中移動(dòng)端的用戶(hù)數(shù)量占比已經(jīng)超過(guò)了六成。

　　春天再來(lái)

　　兩天前 HTML 5.0 的標(biāo)準(zhǔn)最終確定對(duì)于開(kāi)發(fā)者是個(gè)好事，會(huì)減少開(kāi)發(fā)者處理兼容性上的工作。而且未來(lái) HTML 5.1 以及 HTML 5.2 的標(biāo)準(zhǔn)也會(huì)在未來(lái)幾年確定。更多的新功能支持會(huì)讓 Web 開(kāi)發(fā)者可以基于 HTML 5 做更多的事情，更符合網(wǎng)頁(yè)內(nèi)容多元化以及移動(dòng)化的現(xiàn)實(shí)要求。

　　基于 HTML 5 開(kāi)發(fā)的游戲或者應(yīng)用，可以快速的在各種社交平臺(tái)進(jìn)行傳播，而并不用用戶(hù)再去相關(guān)的渠道下載。更易于傳播也能快速的為用戶(hù)帶來(lái)良好的交互體驗(yàn)。

　　屬于 HTML 5 的春天，其實(shí)才剛剛開(kāi)始。