HTML5正式發(fā)布中國元素首次亮相國際舞臺

我們的日常應(yīng)用中，尤其是在移動端的應(yīng)用上，HTML5早已無孔不入，甚至你現(xiàn)在就有可能在一個HTML5環(huán)境下閱覽這篇文章。

近日，W3C HTML工作組在TPAC（W3C年會）上正式發(fā)布了HTML5的正式推薦標(biāo)準(zhǔn)（W3C Recommendation），距離該標(biāo)準(zhǔn)2007年被采納已經(jīng)過去了七年時間。HTML5標(biāo)準(zhǔn)在這段漫長的時間中不斷完善和演進(jìn)，全生態(tài)都在不斷貢獻(xiàn)力量。然而在過去很長一段時間中，中國在國際Web標(biāo)準(zhǔn)的制定上，幾乎是旁觀者的角色，現(xiàn)在一切已經(jīng)改變。我們非常欣喜的看到，中國的互聯(lián)網(wǎng)企業(yè)正在生態(tài)中扮演著越來越重要的角色，他們不再滿足于僅僅是“使用”標(biāo)準(zhǔn)，更希望能夠參與“制定”標(biāo)準(zhǔn)，更強(qiáng)有力的推動互聯(lián)網(wǎng)的發(fā)展。

在HTML5的發(fā)布?xì)v程上，中國元素也第一次在Web標(biāo)準(zhǔn)化制定過程中亮相在國際舞臺上。你想知道這其中的各種故事嗎？跟著筆者一起來看看吧。

中國互聯(lián)網(wǎng)企業(yè)的努力

早些時候，國內(nèi)互聯(lián)網(wǎng)企業(yè)似乎很少會想到去和W3C這樣的國際標(biāo)準(zhǔn)機(jī)構(gòu)打交道，但如果我們不參與到這樣的標(biāo)準(zhǔn)制定中，就很難在相關(guān)領(lǐng)域獲得足夠的話語權(quán)。

百度的覺醒比較早，也許這和他們濃郁的技術(shù)氣息有關(guān)。早在2011年9月，百度就成為了中國首個受邀加入W3C的互聯(lián)網(wǎng)企業(yè)，第二年8月，百度就向W3C HTML工作組提交了測試用例，并且獲得通過，成為中國第一家向該工作組提交測試用例的公司。

到2013年，百度在互聯(lián)網(wǎng)標(biāo)準(zhǔn)制定的進(jìn)程上更進(jìn)一步，與W3C聯(lián)手舉辦了Test The Web Forward（簡稱TTWF）2013上海站活動，吸引了大量開發(fā)者加入。該活動是由百度、Adobe、 Google、Mozilla、微軟、Opera等W3C成員在世界各地組織的系列現(xiàn)場極限編程活動，自2012年6月在美國舊金山舉辦之后，已經(jīng)在北京、巴黎、悉尼、西雅圖、東京等城市舉辦過，吸引了大量開發(fā)者為HTML5各項規(guī)范撰寫測試用例。這次的活動上，總計向W3C提交了1003個Web標(biāo)準(zhǔn)測試用例，找到35個Bug，大幅度刷新了TTWF全球系列活動中提交測試用例和Bug的數(shù)量。百度還設(shè)計開發(fā)了能夠評測各種瀏覽器對HTML5支持能力的測試框架以及WebApp的一站式評測系統(tǒng)，可以對不同類型的WebApp進(jìn)行有針對性的性能評測，覆蓋各種性能指標(biāo)，并給出詳細(xì)分析和相關(guān)優(yōu)化建議。

從這些活動上，也可以看到中國對于Web標(biāo)準(zhǔn)化上的巨大熱情。在此之后，騰訊、360等國內(nèi)公司也快速展開與W3C的相關(guān)合作了。也就是說，目前被正式發(fā)布的HTML5中，來自于中國的力量不可小覷。

持續(xù)推動的Web標(biāo)準(zhǔn)

今年，中國互聯(lián)網(wǎng)標(biāo)準(zhǔn)化的進(jìn)程再次被改寫。在HTML5的標(biāo)準(zhǔn)建議中，有了一條來自于中國的建議。又是百度，他們又一次在Web標(biāo)準(zhǔn)化上的工作走到國內(nèi)前列，其制定的首屏渲染優(yōu)化會員提案已經(jīng)被 W3C正式接受，這是中國第一次，也是目前唯一的一次。

首屏渲染優(yōu)化規(guī)范主要應(yīng)用在移動端，加速移動端Web頁面對于用戶的呈現(xiàn)速度。對于普通手機(jī)頁面，由于代碼規(guī)模較小，很少的代碼就可以填充整個頁面， Web開發(fā)者通過該規(guī)范，可以指示瀏覽器進(jìn)行合適的首屏內(nèi)容提前繪制，從而加快首屏展現(xiàn)速度，顯著縮短用戶首次看見非白屏頁面時間。該提案的接受，也獲得了W3C的高度好評。這表明了，百度在Web標(biāo)準(zhǔn)工作上，確實(shí)不是一時之舉，而是長期以來支持不懈的努力和工作。

百度的工作很快不但獲得了國內(nèi)其它互聯(lián)網(wǎng)企業(yè)的響應(yīng)，騰訊、UC Web加入到首屏渲染優(yōu)化提案的陣營中，而且也獲得了工業(yè)和信息化部電信研究院的支持，中國企業(yè)在Web標(biāo)準(zhǔn)制定上，站在了一條戰(zhàn)線上，共同努力。我們也相信，未來這樣的標(biāo)準(zhǔn)化工作會越來越多。

與國際生態(tài)產(chǎn)業(yè)進(jìn)行持續(xù)交流也必不可少，據(jù)了解，仍然以百度為例，他們每年都會參加W3C TPAC會議，與該領(lǐng)域內(nèi)的專家們一套討論規(guī)范制定的合理性、高效性，與國際知名企業(yè)一起，共同探討、商定開放Web平臺未來的技術(shù)方向，。

中國互聯(lián)網(wǎng)創(chuàng)造未來

中國互聯(lián)網(wǎng)企業(yè)在Web標(biāo)準(zhǔn)化上的不懈努力，也贏得了W3C的高度好評。W3C中國區(qū)總經(jīng)理李安琪表示，“此次TPAC會議上，百度工程師向W3C HTML工作組和 Web Performance工作組詳細(xì)介紹了首屏渲染優(yōu)化會員提案，這是首份來自中國的會員提案，對于中國行業(yè)參與Web標(biāo)準(zhǔn)化工作，爭取Web國際標(biāo)準(zhǔn)話語權(quán)，具有里程碑式的意義。此次百度與騰訊、UCWEB、電信研究院等機(jī)構(gòu)聯(lián)合提案，整個過程對于更多中國企業(yè)參與Web國際標(biāo)準(zhǔn)工作有非常好的借鑒作用。W3C希望能夠收到更多來自中國的提案，以保證W3C標(biāo)準(zhǔn)滿足中國行業(yè)的訴求。“

HTML5帶來了一組新的用戶體驗，如Web的音頻和視頻不再需要插件，通過Canvas更靈活的完成圖像繪制，而不必考慮屏幕的分辨率，瀏覽器對可擴(kuò)展矢量圖和數(shù)學(xué)標(biāo)記語言的本地支持，通過引入新的注釋信息以增強(qiáng)對東亞文字呈現(xiàn)的支持，對富Web應(yīng)用信息無障礙新特性的支持，等等。這些領(lǐng)域很多代表了未來Web應(yīng)用發(fā)展的方向。

我們也希望能夠看到，未來能夠有更多像百度這樣的國內(nèi)互聯(lián)網(wǎng)企業(yè)，不斷參與到國際標(biāo)準(zhǔn)化工作中，未來我們使用的各種相關(guān)標(biāo)準(zhǔn)中，能夠有中國人的聲音與力量。

TML5是移動互聯(lián)網(wǎng)的未來嗎？

自2010年喬布斯公開支持并在iOS禁止Flash后，在多數(shù)開發(fā)者心中，這開始變成一個肯定的答案。

2010年到2011年，HTML5概念被熱炒，受到追捧，甚至不少人預(yù)言HTML5應(yīng)用將會替代原生app。但或許是當(dāng)初被捧得太高，而不論是生態(tài)環(huán)境還是技術(shù)支持都遠(yuǎn)遠(yuǎn)算不上成熟，HTML5游戲在短暫熱捧之后遭遇諸多問題，隨后開始陷入冰谷，當(dāng)初使用HTML5開發(fā)游戲的團(tuán)隊紛紛轉(zhuǎn)型——HTML5或許將是未來，但現(xiàn)在談?wù)撨€為時過早。

在被遺忘一段時間之后，現(xiàn)在，一些專注于游戲領(lǐng)域的HTML5引擎服務(wù)提供商正在重整旗鼓（詳見今日推送的第二篇文章），這讓我們不由再次回頭審視HTML5游戲走過的整個路程，并開始思考一個問題：在HTML5那條通往“未來”的遙遠(yuǎn)道路上，它正站在一個什么樣的位置上？

■過去

2010年4月，蘋果公司宣布禁止FlashPlayer登陸iOS系統(tǒng)，鼓勵開發(fā)者使用HTML5技術(shù)，這一舉動引起了軒然大波，喬布斯甚至為此撰寫了一篇長文《關(guān)于Flash的幾點(diǎn)思考》進(jìn)行回應(yīng)。當(dāng)年十月，Zynga收購了HTML5游戲引擎開發(fā)商Dextrose，并在隨后發(fā)布了第一款HTML5游戲《MafiaWarsAtlanticCity》。

從2011年開始，HTML5的概念開始火爆，在這一年，諸多大廠紛紛出擊這一領(lǐng)域進(jìn)行布局，MOTO投資了HTML5游戲公司Moblyng，迪士尼收購了HTML5游戲引擎公司RocketPack。

Facebook社交游戲開發(fā)商Wooga也在當(dāng)年宣布進(jìn)軍HTML5和iOS游戲領(lǐng)域。

在同一年，Unity確認(rèn)支持HTML5，F(xiàn)acebook收購HTML5技術(shù)團(tuán)隊Strobe，將自身在移動端的發(fā)力重心放在HTML5上。同年，手游大廠EA、Popcap、Gameloft也相繼發(fā)布了自己的HTML5游戲。

在2011年底，還有一件重要的事情，Adobe宣布停止在Android系統(tǒng)更新FlashPlayer，并推薦開發(fā)者使用HTML5技術(shù)開發(fā)移動Web應(yīng)用。

就在看起來形勢一片大好HTML5概念火熱的時候，哀歌從2012年開始唱響。

在2012年開年之際，此前MOTO投資的HTML5游戲開發(fā)商Moblyng倒閉是第一個音符，隨后在六月，Wooga宣布停止開發(fā)HTML5游戲，他們曾經(jīng)推出一款HTML5游戲《MagicLand：Island》，但是玩家玩這個游戲的總次數(shù)只有130萬次，留存率僅5%，相比之下，他們在iOS平臺推出的《DiamondDash》則獲得了1800萬次的下載。

為這支哀歌譜下強(qiáng)音的是Facebook的失敗。在2012年9月，扎克伯格在接受采訪時表示：“Facebook曾經(jīng)錯誤地將賭注押在了HTML5上，這是我們最大的戰(zhàn)略錯誤，致使我們錯失了移動市場的發(fā)展良機(jī)。”

在那之后，曾經(jīng)被捧上高位打上未來標(biāo)簽的HTML5技術(shù)在移動端狠狠摔落，HTML5開始淡出視野。

總結(jié)下來，HTML5在移動游戲領(lǐng)域所遭遇的困境，主要是由于四個原因：

1、技術(shù)不成熟，開發(fā)生態(tài)不完整

2、沒有合適的載體，瀏覽器渲染性能低下

3、沒有成熟的生態(tài)環(huán)境（渠道，運(yùn)營商）

4、受制于網(wǎng)絡(luò)環(huán)境

這些原因最終造成了游戲功能和表現(xiàn)受限，體驗大打折扣。

在2013年底，下一代JavaScript標(biāo)準(zhǔn)規(guī)范ES6草案鎖定并正式發(fā)布。

■現(xiàn)在

目前HTML5的框架和庫都普遍偏于Web應(yīng)用的制作，專注于游戲的偏少，比較流行的HTML5框架包括CreateJS，JQuery，AngularJS和Node.js，專注于HTML5游戲的引擎有Impact、Phaser、Pixi、Createjs、EaselJSPhaser、Turbulenz、GameClosure、Coco2d-HTML5和Egret等。

現(xiàn)在主流網(wǎng)站幾乎全部支持HTML5標(biāo)準(zhǔn)，幾乎所有流行的網(wǎng)站都采用了HTML5技術(shù)。但是在移動設(shè)備上，還尚未出現(xiàn)非常成熟的HTML5應(yīng)用或游戲，這一市場還在剛剛起步。游戲方面，此前有一二三國、修仙三國、三國喵喵傳等游戲，而目前，墨麟、游戲谷、光年互動等開發(fā)商正在開發(fā)HTML5游戲。

正在發(fā)生的另外一些事情：

1.各瀏覽器對HTML5標(biāo)準(zhǔn)化的支持正在慢慢趨于一致

2.硬件的變革正在不斷推動采用HTML5技術(shù)制作的復(fù)雜應(yīng)用和游戲的用戶體驗的快速提升

3.Web游戲類型在3G/4G網(wǎng)絡(luò)下的數(shù)據(jù)發(fā)送接收速度正在變得相對高效，但目前國內(nèi)總體網(wǎng)絡(luò)質(zhì)量仍不樂觀

4.逐漸涌現(xiàn)出的HTML5游戲引擎和制作工具，開始降低H5游戲制作成本，并提高游戲開發(fā)效率

5.混生應(yīng)用出現(xiàn)，上層使用h5開發(fā)，底層使用c++渲染，性能得到很大提升，這種方式是當(dāng)前階段的主流

6.一些巨頭正在嘗試引領(lǐng)這個市場，騰訊的手機(jī)QQ空間的安卓版應(yīng)用，在前段時間將“玩吧”菜單放置在了底部菜單欄的一級入口；在玩吧中，現(xiàn)在已經(jīng)上線了不少HTML5游戲，不僅有休閑游戲，也有一些卡牌類的中重度游戲，同時在安裝QQ空間首次登錄時，會自動進(jìn)入一個名為“讓童年飛”的HTML5休閑游戲，騰訊正在嘗試引導(dǎo)用戶嘗試這些HTML5游戲，不過總體來說，內(nèi)容還處于匱乏階段，玩吧目前僅提供13款游戲；此外還有百度輕應(yīng)用等。

看起來一切正在往前有序推進(jìn)，不過站在游戲開發(fā)者角度來說又是什么看法？

在一些開發(fā)者看來，HTML5游戲開發(fā)快、易調(diào)試、跨平臺、推廣成本更低的特點(diǎn)，或許會是其優(yōu)勢所在，但是問題的核心在于如果不能在游戲體驗上給予玩家更多好處，那么就沒有太多的理由去看好，基于這點(diǎn)才會有市場，別的都是業(yè)內(nèi)臆想。

而對于游戲玩家來說，內(nèi)容才是永遠(yuǎn)的核心。

■未來

HTML5的成熟條件是什么？

在1993年的時候，HTML就以互聯(lián)網(wǎng)草案的形式發(fā)布過。2006年，W3C重新與HTML集成并于2008年發(fā)布了HTML5的工作草案。從1993年發(fā)展到至今，HTML5已經(jīng)趨于成熟和完善。受到廣大公司或企業(yè)以及開發(fā)人員的喜愛。越來越多的想要從事前端開發(fā)的人也紛紛選擇學(xué)習(xí)HTML5開發(fā)語言。

青島HTML5

從平面到3D，從應(yīng)用到開發(fā)，HTML5開發(fā)的快速發(fā)展，HTML5開發(fā)人才的需求也是持續(xù)增長的趨勢，而且HTML5開發(fā)的人才需求已成為IT職場的緊缺型人才。

HTML5的發(fā)展主要體現(xiàn)在以下幾個方面：

1、實(shí)用性

HTML5規(guī)范基于用戶友好的標(biāo)準(zhǔn)。其主要目的是“用戶就是上帝”。因此，HTML5的大部分是實(shí)用的，但在某些情況下它還不夠完美。實(shí)踐是指需要能夠解決實(shí)際問題。 HTML5僅封裝實(shí)用且有用的功能，但不包含復(fù)雜且無意義的功能。

2、簡化性

HTML5開發(fā)技術(shù)使用統(tǒng)一語言（JavaScript），統(tǒng)一數(shù)據(jù)模型（XML和DOM）和統(tǒng)一表示規(guī)則（CSS）來表示文本，音頻，視頻和圖形。毫無疑問，它對開發(fā)人員來說非常理想。基于統(tǒng)一的標(biāo)準(zhǔn)開發(fā)環(huán)境，工作肯定會簡單得多。

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

1、新功能應(yīng)基于HTML，CSS，DOM和JavaScript。

2、減少對外部插件（如Flash）的需求。

3、更好的錯誤處理。

4、腳本標(biāo)記的其他替換。

5、HTML5應(yīng)該與設(shè)備無關(guān)。

6、微量元素繪畫。

7、用于媒體播放的視頻和音頻元素。

8、更好地支持本地離線存儲。

9、新元素和表單控件。

HTML5前景：

短期來看：

現(xiàn)在市場上對于HTML5開發(fā)型人才的需求量龐大，我們?nèi)粘Ｉ钪薪?jīng)常瀏覽的網(wǎng)站，大多數(shù)也是由HTML5編寫的。因為網(wǎng)絡(luò)瀏覽器插件是由不同程序開發(fā)團(tuán)隊以不同標(biāo)準(zhǔn)、不同開發(fā)模式并在不同安全模型下編寫的。其中一些插件的安全性顯然不如其他插件高。隨著插件數(shù)量激增，安全性問題跟蹤的復(fù)雜性也隨之增加。HTML5的出現(xiàn)替代了許多插件，進(jìn)而可能會消除插件引發(fā)的網(wǎng)絡(luò)安全問題。

從長遠(yuǎn)的角度來看：

HTML5可以提供更多的CSS屬性，可以做出更加豐富的渲染效果，并能快速的構(gòu)建框架，是的實(shí)現(xiàn)一些功能能加簡便，節(jié)省開發(fā)時間，還有很重要的一點(diǎn)就是

HTML圖表方案可以更加直觀在在網(wǎng)站中用可視化的方式顯現(xiàn)大量的數(shù)據(jù)及信息。也就是說HTML5能夠滿足Web應(yīng)用程序開發(fā)人員和VR等復(fù)雜技術(shù)的現(xiàn)代需求，以后的開發(fā)也會基于HTML5語言。

在線咨詢

上一篇：HTML+CSS零基礎(chǔ)教學(xué)：每天學(xué)習(xí)幾分鐘，輕松掌握
下一篇：AI從截圖直接生成代碼、前端程序員的福利！

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

HTML5正式發(fā)布 中國元素首次亮相國際舞臺

您的項目需求

HTML5正式發(fā)布中國元素首次亮相國際舞臺