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

　　對于很多人來說，很有可能看到過各種制作精細而且互動性很強的賀卡或者是邀請函，支撐這些背后的，都利用到了一項技術——HTML 5。

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

　　1、更加符合后Web 2.0的潮流

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

　　在那個時期，正是所謂Web 2.0概念火熱的時間，世界范圍內(nèi)的網(wǎng)速變的更快，人們也不想僅僅從網(wǎng)絡中獲取內(nèi)容是，而是更多參與到創(chuàng)作與分享中。

　　內(nèi)容上，也不再是過去單純的文字和很少的圖片，更多視頻和動畫內(nèi)容開始更多的出現(xiàn)在互聯(lián)網(wǎng)上。

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

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

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

　　2、響應式設計

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

　　然而響應式設計也是一件非常不容易的事情，因為當今各式各樣的設備實在是讓開發(fā)者眼花繚亂，手足無措。

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

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

　　3、簡化的設計

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

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

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

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

　　4、更多單頁HTML5站點

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

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

　　5、離線緩存

　　離線緩存算是比較新的一個概念，簡單來說就是在離線情況下，web應用還可以正常運行。

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

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

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

　　6、HTML 5會在移動設備上更多的應用

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

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

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

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

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

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

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

　　8、設備訪問

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

　　對許多移動開發(fā)商來說，提高設備訪問能力是HTML 5最令人激動的革新，這意味著Web應用能夠登陸移動設備而無需做任何PhoneGap式打包，游戲開發(fā)商當然最開心，因為某些特性對他們來說是封鎖的，比如能整合到游戲中的加速器。

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

　　9、HTML 5將推動泛娛樂交互

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

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

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

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

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

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

　　參考Flash發(fā)展的演化路徑并結合HTML 5的新特性，HTML 5近幾年會在重度內(nèi)容、網(wǎng)頁游戲、垂直領域解決方案和內(nèi)容直接填充四個方面有所突破。

　　（1）內(nèi)容往重度化方向發(fā)展

　　重度營銷并不完全意味著大項目、高預算、長周期、大團隊，而是相對輕度營銷以用戶生產(chǎn)內(nèi)容為主，它更注重專業(yè)內(nèi)容的生產(chǎn)。

　　在用戶對頁面交互能力和HTML 5拓展功能的要求提高之際，輕度營銷的市場份額會逐漸降低，往重度營銷內(nèi)容轉化。

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

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

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

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

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

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

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

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

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