最近幾年Web前端開發(fā)領(lǐng)域最熱的話題當(dāng)屬HTML 5，HTML 5從根本上改變了開發(fā)商開發(fā)Web應(yīng)用的方式，從桌面瀏覽器到移動(dòng)應(yīng)用，這種語(yǔ)言和標(biāo)準(zhǔn)都正在影響并將繼續(xù)影響著各種操作平臺(tái)。

　　對(duì)于很多人來說，很有可能看到過各種制作精細(xì)而且互動(dòng)性很強(qiáng)的賀卡或者是邀請(qǐng)函，支撐這些背后的，都利用到了一項(xiàng)技術(shù)——HTML 5。

　　在移動(dòng)領(lǐng)域，大家爭(zhēng)論不休的一個(gè)問題就是開發(fā)Web應(yīng)用還是原生應(yīng)用？而隨著HTML 5標(biāo)準(zhǔn)的發(fā)展，兩者之間的差異已經(jīng)逐漸變得模糊，今天各大媒體都爭(zhēng)相報(bào)道與HTML 5有關(guān)的東西，那么，HTML 5未來的發(fā)展趨勢(shì)要點(diǎn)有哪些呢？

　　1、更加符合后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)容上，也不再是過去單純的文字和很少的圖片，更多視頻和動(dòng)畫內(nèi)容開始更多的出現(xiàn)在互聯(lián)網(wǎng)上。

　　網(wǎng)頁(yè)也過去的靜態(tài)變的動(dòng)態(tài)了起來。讓網(wǎng)頁(yè)看上去動(dòng)起來，很多時(shí)候都需要依賴Flash或者是基于。Net架構(gòu)的SilverLight。

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

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

　　2、響應(yīng)式設(shè)計(jì)

　　在HTML 5真的改變移動(dòng)開發(fā)平臺(tái)之前，必須要邁出重要一步，那就是“響應(yīng)式設(shè)計(jì)”，也就是屏幕可以根據(jù)內(nèi)容而自動(dòng)調(diào)整大小。

　　然而響應(yīng)式設(shè)計(jì)也是一件非常不容易的事情，因?yàn)楫?dāng)今各式各樣的設(shè)備實(shí)在是讓開發(fā)者眼花繚亂，手足無措。

　　要想做好響應(yīng)式設(shè)計(jì)，就必須洞悉內(nèi)容與屏幕之間的反饋關(guān)系，響應(yīng)式設(shè)計(jì)要完全離開“流”，轉(zhuǎn)而注重內(nèi)容是如何在網(wǎng)頁(yè)和移動(dòng)設(shè)備中被處理的，這一過程還在繼續(xù)，HTML 5會(huì)讓它最終成為可能。

　　要想做好響應(yīng)式設(shè)計(jì)，就必須洞悉內(nèi)容與屏幕之間的反饋關(guān)系，一家來自硅谷的響應(yīng)式設(shè)計(jì)公司ZURB稱，其實(shí)在過去的16年中，開發(fā)商就意識(shí)到響應(yīng)式設(shè)計(jì)就要完全離開“流”，轉(zhuǎn)而注重內(nèi)容是如何在網(wǎng)頁(yè)和移動(dòng)設(shè)備中被處理的，這一過程還在繼續(xù)，HTML 5會(huì)讓它最終成為可能。

　　3、簡(jiǎn)化的設(shè)計(jì)

　　在2017年，我們看到簡(jiǎn)化的設(shè)計(jì)得到廣泛認(rèn)可。事實(shí)上極簡(jiǎn)設(shè)計(jì)成為大部分行業(yè)的主要趨勢(shì)。在2018年，預(yù)期極簡(jiǎn)設(shè)計(jì)會(huì)繼續(xù)流行，即使有變化也是一些微小的改變。

　　雖然頁(yè)面上留白將繼續(xù)被認(rèn)為是有價(jià)值的，但是也不用奇怪有些網(wǎng)站開始回歸到使用基于文本內(nèi)容的文字填充。你可以找到更多類似于這樣的網(wǎng)頁(yè)，它們合理地結(jié)合了留白和文本，創(chuàng)造出一個(gè)視覺上簡(jiǎn)單，而信息內(nèi)容很豐富的網(wǎng)頁(yè)，也帶給用戶很好的體驗(yàn)。

　　HTML 5技術(shù)顯然是目前移動(dòng)端領(lǐng)域的主要趨勢(shì)之一，并且這一趨勢(shì)還將持續(xù)一段時(shí)間。

　　許多前端開發(fā)者已經(jīng)開始轉(zhuǎn)向以移動(dòng)優(yōu)先方案來做他們的HTML 5頁(yè)面，這象征一個(gè)重大轉(zhuǎn)變，值得我們跟進(jìn)。

　　4、更多單頁(yè)HTML5站點(diǎn)

　　現(xiàn)在不流行那種有各種Tab頁(yè)和許多子頁(yè)面的網(wǎng)站了，在2017年，你可以期待看到更多的HTML 5單頁(yè)站點(diǎn)，由于用戶更喜歡用滾屏方式瀏覽網(wǎng)頁(yè)，各公司將會(huì)引起重視并停止浪費(fèi)時(shí)間在設(shè)計(jì)和開發(fā)用戶不喜歡的層層相套的子頁(yè)面上。

　　這一趨勢(shì)將簡(jiǎn)化互聯(lián)網(wǎng)并帶來更迷人和身臨其境的網(wǎng)頁(yè)瀏覽體驗(yàn)，每個(gè)人都會(huì)感覺到愉悅。

　　5、離線緩存

　　離線緩存算是比較新的一個(gè)概念，簡(jiǎn)單來說就是在離線情況下，web應(yīng)用還可以正常運(yùn)行。

　　傳統(tǒng)意義上的web應(yīng)用需要依賴于網(wǎng)絡(luò)，而HTML 5的離線緩存可以沖破這個(gè)束縛，利用離線緩存技術(shù)，可以在離線狀態(tài)下正常使用Web應(yīng)用。

　　目前已經(jīng)有產(chǎn)品實(shí)現(xiàn)了這個(gè)方式，比如亞馬遜Kindle的云閱讀器。

　　亞馬遜就這么實(shí)現(xiàn)了離線使用Web應(yīng)用，許多專家人聲稱原生應(yīng)用的末日即將到來，因?yàn)閃eb應(yīng)用的使用變得簡(jiǎn)單，無摩擦，適用于任何一個(gè)平臺(tái)或者無需平臺(tái)。當(dāng)然Mozilla的觸角也伸到了這里，實(shí)際上，Mozilla想涉足任何一個(gè)HTML 5能滲透的領(lǐng)域，從Mozilla的移動(dòng)藍(lán)圖，可以了解更多。

　　6、HTML 5會(huì)在移動(dòng)設(shè)備上更多的應(yīng)用

　　雖然2008年HTML 5的第一份草案就已經(jīng)出爐，但是HTML 5真正火起來則源自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的支持，開始擁抱HTML 5。

　　如今移動(dòng)應(yīng)用層出不窮，可以用“只有咱沒想到的沒有人家沒做到的”來形容了，在這個(gè)智能手機(jī)和平板電腦大爆炸的時(shí)代，尤其是手機(jī)，已經(jīng)成為人們生活中非常重要的一部分，很大一部分人離開手機(jī)已經(jīng)到?jīng)]法生活的地步了，移動(dòng)優(yōu)先已成趨勢(shì)，不管是開發(fā)什么，都以移動(dòng)為主，移動(dòng)應(yīng)用可以極大的方便人們的生活。

　　所以，未來HTML 5應(yīng)該會(huì)優(yōu)先在移動(dòng)設(shè)備上更多的應(yīng)用。如今已經(jīng)有一些大企業(yè)將HTML 5應(yīng)用于移動(dòng)開發(fā)，表現(xiàn)非常出色，所以終將成為趨勢(shì)。

　　7、游戲開發(fā)是重要領(lǐng)域

　　如今做游戲那應(yīng)該是相當(dāng)賺錢的一個(gè)領(lǐng)域了，但是做手游尤其是收費(fèi)的游戲，開發(fā)原聲應(yīng)用就有局限了，因?yàn)閕OS系統(tǒng)充值需要向蘋果公司支付30%的提成，而利用HTML 5開發(fā)Web應(yīng)用，可以很巧妙的躲過這30%的提成。

　　所以，未來游戲開發(fā)商應(yīng)該是從HTML 5中獲益最多的一方。在某種程度上，游戲就是移動(dòng)平臺(tái)銷量最好的應(yīng)用，也是吸引人們購(gòu)買移動(dòng)設(shè)備的一個(gè)重要因素。

　　許多游戲開發(fā)商都被Facebook或者Zynga推動(dòng)著發(fā)展，而未來的Facebook應(yīng)用生態(tài)系統(tǒng)是基于HTML5的，盡管在HTML 5平臺(tái)開發(fā)出游戲非常困難，但游戲開發(fā)商卻都愿意那么做。通過PhoneGap及appmobi的XDK將Web應(yīng)用游戲打包整合到原生應(yīng)用中也是一種方式，F(xiàn)acebook差不多就這么干的——基于Web應(yīng)用及瀏覽器，但卻將之打包整合進(jìn)原生應(yīng)用。

　　8、設(shè)備訪問

　　消除Web應(yīng)用與原生應(yīng)用界限的最大障礙就是瀏覽器訪問移動(dòng)設(shè)備基本特性的能力，比如照相機(jī)，通訊錄，日歷，加速器等，利用HTML 5實(shí)現(xiàn)此能力方面，Mozilla一直在努力通過移動(dòng)瀏覽器Fennec來將強(qiáng)設(shè)備訪問能力。

　　對(duì)許多移動(dòng)開發(fā)商來說，提高設(shè)備訪問能力是HTML 5最令人激動(dòng)的革新，這意味著Web應(yīng)用能夠登陸移動(dòng)設(shè)備而無需做任何PhoneGap式打包，游戲開發(fā)商當(dāng)然最開心，因?yàn)槟承┨匦詫?duì)他們來說是封鎖的，比如能整合到游戲中的加速器。

　　這就開啟了另一個(gè)可能的世界，比如能與云更好地整合并提高游戲可玩性，有了HTML 5這個(gè)平臺(tái)，開發(fā)商可以不再依賴于Java語(yǔ)言，CSS 3，HTML及其它程序語(yǔ)言。

　　9、HTML 5將推動(dòng)泛娛樂交互

　　泛娛樂，是一種打通游戲、文學(xué)、動(dòng)漫、影視和戲劇等多種文創(chuàng)業(yè)務(wù)領(lǐng)域的互動(dòng)娛樂新生態(tài)。

　　在泛娛樂交互中，HTML 5以其天然的營(yíng)銷屬性，整合到游戲、影視、動(dòng)漫、文化產(chǎn)品等方方面面，制作場(chǎng)景化營(yíng)銷與體驗(yàn)的窗口型小游戲或場(chǎng)景。

　　以《花千骨》為例，影視頂級(jí)IP授權(quán)打造HTML 5游戲，在用戶觀看視頻的同時(shí)，引導(dǎo)進(jìn)入游戲，無需下載，將實(shí)現(xiàn)最佳影游聯(lián)動(dòng)，這將帶給行業(yè)全新的發(fā)行思路。

　　10、HTML5行業(yè)發(fā)展的趨勢(shì)

　　伴隨著HTML 5興起的是Flash的沒落，HTML 5能打敗在多媒體領(lǐng)域稱霸多年的Flash，除了bootstrap的跨平臺(tái)性和較好的多媒體支持外，它的應(yīng)用范圍也廣于Flash。

　　比如，F(xiàn)lash動(dòng)畫作品的復(fù)用性極低，基本沒有模板市場(chǎng)，而HTML 5卻能作為基礎(chǔ)填充材料，用來制作報(bào)紙圖文等模板。

　　參考Flash發(fā)展的演化路徑并結(jié)合HTML 5的新特性，HTML 5近幾年會(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è)面交互能力和HTML 5拓展功能的要求提高之際，輕度營(yíng)銷的市場(chǎng)份額會(huì)逐漸降低，往重度營(yíng)銷內(nèi)容轉(zhuǎn)化。

　　（2）網(wǎng)頁(yè)游戲往交互游戲方向發(fā)展

　　盡管HTML 5游戲具備無需下載、包含社交屬性、開發(fā)成本低等優(yōu)勢(shì)，但如果沒有充分利用HTML 5的新特性，加強(qiáng)移動(dòng)游戲的交互能力，它很難在游戲市場(chǎng)中異軍突起。

　　由此，網(wǎng)頁(yè)游戲未來更有可能結(jié)合HTML 5優(yōu)良的通信功能，往跨屏互動(dòng)等交互特征更明顯的形式發(fā)展。

　　（3）垂直領(lǐng)域解決方案往在線應(yīng)用方向發(fā)展

　　與HTML 5行業(yè)密切相關(guān)的垂直行業(yè)主要包括在線教育、電商和流媒體三種類型。

　　（4）傳媒業(yè)往內(nèi)容直接填充方向發(fā)展

　　國(guó)內(nèi)HTML 5開發(fā)工具基本都提供模板服務(wù)，這與HTML 5網(wǎng)頁(yè)較強(qiáng)的復(fù)用性有關(guān)。WeX5的ui組件可以幫助用戶打造高效精致的視覺享受。網(wǎng)頁(yè)基礎(chǔ)架構(gòu)設(shè)計(jì)完成后，修改源碼中各元素的參數(shù)便能替換素材、改變對(duì)象屬性，因此HTML 5網(wǎng)頁(yè)能用于制作基礎(chǔ)填充材料。

　　在HTML 5模板的幫助下，新媒體內(nèi)容能通過應(yīng)用母版進(jìn)行編輯，用戶只需后期進(jìn)行圖文內(nèi)容的替換，因此很有可能成為傳媒業(yè)轉(zhuǎn)型的契機(jī)。

　　反觀國(guó)內(nèi)不同類型的HTML 5開發(fā)工具，只有以HTML 5提供的新特性為根本，能適應(yīng)各行各業(yè)對(duì)PC開發(fā)、app開發(fā)的需求才能夠滿足HTML 5快速發(fā)展下企業(yè)和開發(fā)者的需求。