2014年下半年，微信幫助捧火了HTML5小游戲，自此國(guó)內(nèi)各行各業(yè)開始對(duì)HTML5保持持續(xù)高漲的關(guān)注。接著的2015年是國(guó)內(nèi)HTML5行業(yè)迅速發(fā)展的一年，在媒體大肆渲染“互聯(lián)網(wǎng)寒冬”之際，HTML5作品的生產(chǎn)數(shù)量和傳播廣度卻居高不下，為寒冬增添一把柴火。
如圖，根據(jù)百度指數(shù)對(duì)關(guān)鍵詞“HTML5”搜索趨勢(shì)結(jié)果，2015年“HTML5”的指數(shù)約是2014年的1.5倍；而HTML5的簡(jiǎn)單說(shuō)法“H5”在2015年的檢索量是前一年的2倍多，直逼“HTML5”。
2015年，國(guó)內(nèi)HTML5的傳播仍以移動(dòng)端為主，但簡(jiǎn)單的翻頁(yè)這種低層次的設(shè)計(jì)已經(jīng)不再適應(yīng)大部分受眾的需求，HTML5平臺(tái)也開始由簡(jiǎn)單的工具應(yīng)用逐步轉(zhuǎn)型。其中，發(fā)展得比較快的是面向商企用戶的iH5，自主研發(fā)引擎，并于2015年年底添加即時(shí)通訊功能和線上交易機(jī)制。
為什么是HTML5？
Web應(yīng)用開發(fā)新標(biāo)準(zhǔn)
HTML5，第五版超文本標(biāo)記語(yǔ)言，于2014年10月由萬(wàn)維網(wǎng)聯(lián)盟（W3C）發(fā)布為正式推薦標(biāo)準(zhǔn)。它是HTML自1991年問(wèn)世以來(lái)，最具變革價(jià)值的技術(shù)規(guī)范，歷經(jīng)多年修訂與完善才制定完成。
過(guò)去，Web開發(fā)面臨兩種困境：
（1）不少人質(zhì)疑Flash的安全性等問(wèn)題，卻找不到替代它的合適插件；
（2）工程師們抱怨PC端和移動(dòng)端應(yīng)用的多次開發(fā)，仍舊得為微軟、蘋果、安卓等系統(tǒng)設(shè)計(jì)不同方案。
而HTML5提供了良好的解決方案。與JavaScript、CSS等緊密結(jié)合后，HTML5能使瀏覽器不需要類似Flash的插件也能實(shí)現(xiàn)桌面應(yīng)用的交互效果，它的跨平臺(tái)可用性更令應(yīng)用的一次開發(fā)成為可能。
如上圖，Youtube使用HTML5的video元素進(jìn)行標(biāo)記后，網(wǎng)頁(yè)不需要第三方插件就能播放音視頻等。因此，HTML5的興起具有非常深遠(yuǎn)的意義，它已經(jīng)從簡(jiǎn)單的標(biāo)記語(yǔ)言化身為Web應(yīng)用開發(fā)的先驅(qū)。
HTML5應(yīng)用現(xiàn)狀
從硬件角度來(lái)看，國(guó)內(nèi)手機(jī)和平板兩種移動(dòng)設(shè)備應(yīng)用最廣，PC端次之，緊接著是電視和游戲設(shè)備。
從軟件角度來(lái)看，桌面瀏覽器對(duì)HTML5的支持高于移動(dòng)瀏覽器，最高可達(dá)95%；而從整體上而言，移動(dòng)瀏覽器對(duì)HTML5的支持卻優(yōu)于桌面瀏覽器。
HTML5具有較好的瀏覽器向后兼容性，開發(fā)者能對(duì)瀏覽器不支持的情形設(shè)計(jì)各種各樣的回退方案。因此，HTML5頁(yè)面的實(shí)際顯示性能與開發(fā)者、制作平臺(tái)密切相關(guān)。
2015年，越來(lái)越多公司在HTML5品牌推廣上進(jìn)行布局。6至7月份起，雞湯、自媒體等個(gè)人作品呈下降趨勢(shì)，商企用戶作品則保持高速增長(zhǎng)。在商業(yè)需求的驅(qū)動(dòng)下，HTML5頁(yè)面設(shè)計(jì)的目的性更強(qiáng)，獲得最好傳播效果的基本是經(jīng)過(guò)一定時(shí)間策劃，在團(tuán)隊(duì)操作下有針對(duì)性地進(jìn)行投放的企業(yè)案例。
相對(duì)應(yīng)地，原有HTML5平臺(tái)也進(jìn)行了大面積升級(jí)。從平臺(tái)性質(zhì)而言，HTML5平臺(tái)可分為輕營(yíng)銷模板類、功能引擎類和基礎(chǔ)工具類三種，分別以易企秀、白鷺引擎和iH5為代表。
三類HTML5平臺(tái)的特點(diǎn)如下——
（1）輕營(yíng)銷模板類：提供類似PPT頁(yè)面切換的HTML5制作工具，通常面向C端（個(gè)人）用戶，部分為B端（企業(yè)）用戶。該類平臺(tái)的數(shù)量較大，只適用于輕度營(yíng)銷，所能提供的頁(yè)面動(dòng)態(tài)效果局限于翻頁(yè)。
（2）功能引擎類：提供HTML5網(wǎng)頁(yè)的開發(fā)引擎，通常面向B端用戶。該類平臺(tái)主要提供基于Canvas（畫布）的游戲引擎，適用于輕游戲的開發(fā)，依賴于開發(fā)者。
（3）基礎(chǔ)工具類：提供用于頁(yè)面交互的HTML5可視化編輯工具，主要面向B端用戶，部分為C端用戶。該類平臺(tái)只有iH5，采用自主研發(fā)的閉源引擎，應(yīng)用領(lǐng)域廣泛，涵蓋輕度營(yíng)銷、重度營(yíng)銷、媒體電商內(nèi)容應(yīng)用、視頻、動(dòng)畫、游戲等方面。
與瀏覽器多采用谷歌開源引擎的狀況相近，國(guó)內(nèi)HTML5平臺(tái)基本使用國(guó)內(nèi)外開源框架或引擎。但和瀏覽器面向網(wǎng)頁(yè)內(nèi)容顯示，只需提供高性能的技術(shù)支持不同，HTML5平臺(tái)面向的是HTML5制作或開發(fā)，需要對(duì)網(wǎng)頁(yè)質(zhì)量負(fù)責(zé)。因此，使用開源框架或引擎意味著這些HTML5平臺(tái)進(jìn)一步拓展業(yè)務(wù)會(huì)比較被動(dòng)，容易面臨同質(zhì)化的困境。
三類HTML5平臺(tái)的對(duì)比
因?yàn)檎w上移動(dòng)端瀏覽器對(duì)HTML5的支持優(yōu)于PC端，2015年HTML5平臺(tái)主要面向移動(dòng)端網(wǎng)頁(yè)的制作和開發(fā)。
如上表，三種HTML5平臺(tái)以PC網(wǎng)站、APP和軟件三種形式提供制作或開發(fā)工具，成品為網(wǎng)頁(yè)或HTML5源碼。由表可見：
（1）輕營(yíng)銷模板類HTML5平臺(tái)只能做輕度營(yíng)銷，能實(shí)現(xiàn)翻頁(yè)等簡(jiǎn)單動(dòng)效，分為場(chǎng)景展示、電子出版和動(dòng)畫制作三種。如下圖為易企秀桌面編輯界面，該類平臺(tái)最大的共同點(diǎn)在于工具結(jié)構(gòu)以頁(yè)面為基礎(chǔ)，與軟件PowerPoint架構(gòu)相近，能通過(guò)增減頁(yè)面、使用功能組件和點(diǎn)擊快捷菜單來(lái)調(diào)整內(nèi)容。
（2）功能引擎類HTML5平臺(tái)的用戶專指性很強(qiáng)，主要是有開發(fā)經(jīng)驗(yàn)的技術(shù)人員。下圖為Egret Wing軟件設(shè)計(jì)師視圖下的基本架構(gòu)，使用HTML5引擎把基礎(chǔ)代碼流程化，再借助第三方集成開發(fā)環(huán)境Adobe Air構(gòu)建可視化工具，就能通過(guò)讓用戶使用軟件組件來(lái)簡(jiǎn)化開發(fā)過(guò)程。
（3）基礎(chǔ)工具類HTML5平臺(tái)提供底層交互型產(chǎn)品，開發(fā)目的、設(shè)計(jì)原理和實(shí)現(xiàn)思路都以交互為基礎(chǔ)，國(guó)內(nèi)只有iH5。iH5于2015年9月上線，提供HTML5制作工具、工具培訓(xùn)和作品交易等服務(wù)。它本質(zhì)上封裝了DOM（文檔對(duì)象模型）引擎的一個(gè)集成開發(fā)環(huán)境，使用者以設(shè)計(jì)師為主，適合廣告公司、大型媒體公司和公司市場(chǎng)部等使用。
如上圖，iH5提供的是舞臺(tái)、屏幕、頁(yè)面、多媒體素材、事件、數(shù)據(jù)庫(kù)等對(duì)象組件，而不是構(gòu)建好的模塊組件。在提供可視化編輯的前提上，它最大程度還原了HTML5頁(yè)面的開發(fā)過(guò)程，具有較高的拓展性。由于提供底層交互功能，它的應(yīng)用領(lǐng)域較廣泛，能用于微信推廣、網(wǎng)站建設(shè)、輕游戲設(shè)計(jì)、輕APP開發(fā)和視頻交互等多個(gè)方面。
同樣是HTML5規(guī)范，對(duì)HTML5技術(shù)與性能的取舍成為國(guó)內(nèi)HTML5平臺(tái)工具定位和提供服務(wù)的差別所在。
HTML5行業(yè)發(fā)展的趨勢(shì)
伴隨著HTML5興起的是Flash的沒落，HTML5能打敗在多媒體領(lǐng)域稱霸多年的Flash，除了移動(dòng)設(shè)備的跨平臺(tái)性和較好的多媒體支持外，它的應(yīng)用范圍也廣于Flash。比如，F(xiàn)lash動(dòng)畫作品的復(fù)用性極低，基本沒有模板市場(chǎng)，而HTML5卻能作為基礎(chǔ)填充材料，用來(lái)制作報(bào)紙圖文等模板。
參考Flash發(fā)展的演化路徑并結(jié)合HTML5的新特性，HTML5近幾年會(huì)在重度內(nèi)容、網(wǎng)頁(yè)游戲、垂直領(lǐng)域解決方案和內(nèi)容直接填充四個(gè)方面有所突破。
（1）內(nèi)容往重度化方向發(fā)展。
重度營(yíng)銷并不完全意味著大項(xiàng)目、高預(yù)算、長(zhǎng)周期、大團(tuán)隊(duì)，而是相對(duì)輕度營(yíng)銷以用戶生產(chǎn)內(nèi)容為主，它更注重專業(yè)內(nèi)容的生產(chǎn)。在用戶對(duì)頁(yè)面交互能力和HTML5拓展功能的要求提高之際，輕度營(yíng)銷的市場(chǎng)份額會(huì)逐漸降低，往重度營(yíng)銷內(nèi)容轉(zhuǎn)化。
（2）網(wǎng)頁(yè)游戲往交互游戲方向發(fā)展。
盡管HTML5游戲具備無(wú)需下載、包含社交屬性、開發(fā)成本低等優(yōu)勢(shì)，但如果沒有充分利用HTML5的新特性，加強(qiáng)移動(dòng)游戲的交互能力，它很難在游戲市場(chǎng)中異軍突起。由此，網(wǎng)頁(yè)游戲未來(lái)更有可能結(jié)合HTML5優(yōu)良的通信功能，往跨屏互動(dòng)等交互特征更明顯的形式發(fā)展。
（3）垂直領(lǐng)域解決方案往在線應(yīng)用方向發(fā)展。
與HTML5行業(yè)密切相關(guān)的垂直行業(yè)主要包括在線教育、電商和流媒體三種類型。
以世界最大的在線課程平臺(tái)Coursera為例，授課視頻即使用HTML5實(shí)現(xiàn)“課間小測(cè)”。如下圖，在Coursera網(wǎng)站上，當(dāng)視頻播放到特定節(jié)點(diǎn)時(shí)會(huì)出現(xiàn)與課程相關(guān)的問(wèn)題，提供用戶選擇答案，記錄答題情況并反饋答題結(jié)果。
（4）傳媒業(yè)往內(nèi)容直接填充方向發(fā)展。
國(guó)內(nèi)HTML5制作工具基本都提供模板服務(wù)，這與HTML5網(wǎng)頁(yè)較強(qiáng)的復(fù)用性有關(guān)。網(wǎng)頁(yè)基礎(chǔ)架構(gòu)設(shè)計(jì)完成后，修改源碼中各元素的參數(shù)便能替換素材、改變對(duì)象屬性，因此HTML5網(wǎng)頁(yè)能用于制作基礎(chǔ)填充材料。在HTML5模板的幫助下，新媒體內(nèi)容能通過(guò)應(yīng)用母版進(jìn)行編輯，用戶只需后期進(jìn)行圖文內(nèi)容的替換，因此很有可能成為傳媒業(yè)轉(zhuǎn)型的契機(jī)。
反觀國(guó)內(nèi)不同類型的HTML5平臺(tái)，只有以HTML5提供的新特性為根本，著眼于底層交互才可能適應(yīng)各行各業(yè)對(duì)網(wǎng)頁(yè)開發(fā)的需求。因此，基于HTML5元素和屬性進(jìn)行設(shè)計(jì)的基礎(chǔ)工具，未來(lái)更有機(jī)會(huì)占領(lǐng)盡可能多的市場(chǎng)份額。
快報(bào)
根據(jù)《網(wǎng)絡(luò)安全法》實(shí)名制要求，請(qǐng)綁定手機(jī)號(hào)后發(fā)表評(píng)論
此文為互動(dòng)大師原創(chuàng)內(nèi)容，特此聲明
h5方便實(shí)用。