最近幾年Web前端開發(fā)領(lǐng)域最熱的話題當屬HTML 5,HTML 5從根本上改變了開發(fā)商開發(fā)Web應(yīng)用的方式,從桌面瀏覽器到移動應(yīng)用,這種語言和標準都正在影響并將繼續(xù)影響著各種操作平臺。對于很多人來說,很有可能看到過各種制作精細而且互動性很強的賀卡或者是邀請函,支撐這些背后的,都利用到了一項技術(shù)——HTML 5。
在移動領(lǐng)域,大家爭論不休的一個問題就是開發(fā)Web應(yīng)用還是原生應(yīng)用?而隨著HTML 5標準的發(fā)展,兩者之間的差異已經(jīng)逐漸變得模糊,今天各大媒體都爭相報道與HTML 5有關(guān)的東西,那么,HTML 5未來的發(fā)展趨勢要點有哪些呢?1、更加符合后Web 2.0的潮流
HTML 5最初的草案可以追溯到10年前Web超文本應(yīng)用技術(shù)工作組,也就是WHATWG的成立。在那個時期,正是所謂Web 2.0概念火熱的時間,世界范圍內(nèi)的網(wǎng)速變的更快,人們也不想僅僅從網(wǎng)絡(luò)中獲取內(nèi)容是,而是更多參與到創(chuàng)作與分享中。內(nèi)容上,也不再是過去單純的文字和很少的圖片,更多視頻和動畫內(nèi)容開始更多的出現(xiàn)在互聯(lián)網(wǎng)上。網(wǎng)頁也過去的靜態(tài)變的動態(tài)了起來。讓網(wǎng)頁看上去動起來,很多時候都需要依賴Flash或者是基于。Net架構(gòu)的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、響應(yīng)式設(shè)計
在HTML 5真的改變移動開發(fā)平臺之前,必須要邁出重要一步,那就是“響應(yīng)式設(shè)計”,也就是屏幕可以根據(jù)內(nèi)容而自動調(diào)整大小。然而響應(yīng)式設(shè)計也是一件非常不容易的事情,因為當今各式各樣的設(shè)備實在是讓開發(fā)者眼花繚亂,手足無措。要想做好響應(yīng)式設(shè)計,就必須洞悉內(nèi)容與屏幕之間的反饋關(guān)系,響應(yīng)式設(shè)計要完全離開“流”,轉(zhuǎn)而注重內(nèi)容是如何在網(wǎng)頁和移動設(shè)備中被處理的,這一過程還在繼續(xù),HTML 5會讓它最終成為可能。要想做好響應(yīng)式設(shè)計,就必須洞悉內(nèi)容與屏幕之間的反饋關(guān)系,一家來自硅谷的響應(yīng)式設(shè)計公司ZURB稱,其實在過去的16年中,開發(fā)商就意識到響應(yīng)式設(shè)計就要完全離開“流”,轉(zhuǎn)而注重內(nèi)容是如何在網(wǎng)頁和移動設(shè)備中被處理的,這一過程還在繼續(xù),HTML 5會讓它最終成為可能。3、簡化的設(shè)計
在2017年,我們看到簡化的設(shè)計得到廣泛認可。事實上極簡設(shè)計成為大部分行業(yè)的主要趨勢。在2018年,預(yù)期極簡設(shè)計會繼續(xù)流行,即使有變化也是一些微小的改變。雖然頁面上留白將繼續(xù)被認為是有價值的,但是也不用奇怪有些網(wǎng)站開始回歸到使用基于文本內(nèi)容的文字填充。你可以找到更多類似于這樣的網(wǎng)頁,它們合理地結(jié)合了留白和文本,創(chuàng)造出一個視覺上簡單,而信息內(nèi)容很豐富的網(wǎng)頁,也帶給用戶很好的體驗。HTML 5技術(shù)顯然是目前移動端領(lǐng)域的主要趨勢之一,并且這一趨勢還將持續(xù)一段時間。許多前端開發(fā)者已經(jīng)開始轉(zhuǎn)向以移動優(yōu)先方案來做他們的HTML 5頁面,這象征一個重大轉(zhuǎn)變,值得我們跟進。4、更多單頁HTML5站點
現(xiàn)在不流行那種有各種Tab頁和許多子頁面的網(wǎng)站了,在2017年,你可以期待看到更多的HTML 5單頁站點,由于用戶更喜歡用滾屏方式瀏覽網(wǎng)頁,各公司將會引起重視并停止浪費時間在設(shè)計和開發(fā)用戶不喜歡的層層相套的子頁面上。這一趨勢將簡化互聯(lián)網(wǎng)并帶來更迷人和身臨其境的網(wǎng)頁瀏覽體驗,每個人都會感覺到愉悅。5、離線緩存
離線緩存算是比較新的一個概念,簡單來說就是在離線情況下,web應(yīng)用還可以正常運行。傳統(tǒng)意義上的web應(yīng)用需要依賴于網(wǎng)絡(luò),而HTML 5的離線緩存可以沖破這個束縛,利用離線緩存技術(shù),可以在離線狀態(tài)下正常使用Web應(yīng)用。目前已經(jīng)有產(chǎn)品實現(xiàn)了這個方式,比如亞馬遜Kindle的云閱讀器。亞馬遜就這么實現(xiàn)了離線使用Web應(yīng)用,許多專家人聲稱原生應(yīng)用的末日即將到來,因為Web應(yīng)用的使用變得簡單,無摩擦,適用于任何一個平臺或者無需平臺。當然Mozilla的觸角也伸到了這里,實際上,Mozilla想涉足任何一個HTML 5能滲透的領(lǐng)域,從Mozilla的移動藍圖,可以了解更多。6、HTML 5會在移動設(shè)備上更多的應(yīng)用
雖然2008年HTML 5的第一份草案就已經(jīng)出爐,但是HTML 5真正火起來則源自10年喬布斯的一篇文章,指出Flash不再必須,HTML 5在功能上,已經(jīng)可以取代Flash。隨著以iPhone為代表的觸摸移動設(shè)備的興起,在移動端,網(wǎng)頁中的交互實際與經(jīng)常在PC上瀏覽使用Flash的方式并不相同。這時,iPhone 也放棄了對Flash的支持,開始擁抱HTML 5。如今移動應(yīng)用層出不窮,可以用“只有咱沒想到的沒有人家沒做到的”來形容了,在這個智能手機和平板電腦大爆炸的時代,尤其是手機,已經(jīng)成為人們生活中非常重要的一部分,很大一部分人離開手機已經(jīng)到?jīng)]法生活的地步了,移動優(yōu)先已成趨勢,不管是開發(fā)什么,都以移動為主,移動應(yīng)用可以極大的方便人們的生活。所以,未來HTML 5應(yīng)該會優(yōu)先在移動設(shè)備上更多的應(yīng)用。如今已經(jīng)有一些大企業(yè)將HTML 5應(yīng)用于移動開發(fā),表現(xiàn)非常出色,所以終將成為趨勢。7、游戲開發(fā)是重要領(lǐng)域
如今做游戲那應(yīng)該是相當賺錢的一個領(lǐng)域了,但是做手游尤其是收費的游戲,開發(fā)原聲應(yīng)用就有局限了,因為iOS系統(tǒng)充值需要向蘋果公司支付30%的提成,而利用HTML 5開發(fā)Web應(yīng)用,可以很巧妙的躲過這30%的提成。所以,未來游戲開發(fā)商應(yīng)該是從HTML 5中獲益最多的一方。在某種程度上,游戲就是移動平臺銷量最好的應(yīng)用,也是吸引人們購買移動設(shè)備的一個重要因素。許多游戲開發(fā)商都被Facebook或者Zynga推動著發(fā)展,而未來的Facebook應(yīng)用生態(tài)系統(tǒng)是基于HTML5的,盡管在HTML 5平臺開發(fā)出游戲非常困難,但游戲開發(fā)商卻都愿意那么做。通過PhoneGap及appmobi的XDK將Web應(yīng)用游戲打包整合到原生應(yīng)用中也是一種方式,F(xiàn)acebook差不多就這么干的——基于Web應(yīng)用及瀏覽器,但卻將之打包整合進原生應(yīng)用。8、設(shè)備訪問
消除Web應(yīng)用與原生應(yīng)用界限的大障礙就是瀏覽器訪問移動設(shè)備基本特性的能力,比如照相機,通訊錄,日歷,加速器等,利用HTML 5實現(xiàn)此能力方面,Mozilla一直在努力通過移動瀏覽器Fennec來將強設(shè)備訪問能力。對許多移動開發(fā)商來說,提高設(shè)備訪問能力是HTML 5最令人激動的革新,這意味著Web應(yīng)用能夠登陸移動設(shè)備而無需做任何PhoneGap式打包,游戲開發(fā)商當然最開心,因為某些特性對他們來說是封鎖的,比如能整合到游戲中的加速器。這就開啟了另一個可能的世界,比如能與云更好地整合并提高游戲可玩性,有了HTML 5這個平臺,開發(fā)商可以不再依賴于Java語言,CSS 3,HTML及其它程序語言。9、HTML 5將推動泛娛樂交互
泛娛樂,是一種打通游戲、文學、動漫、影視和戲劇等多種文創(chuàng)業(yè)務(wù)領(lǐng)域的互動娛樂新生態(tài)。在泛娛樂交互中,HTML 5以其天然的營銷屬性,整合到游戲、影視、動漫、文化產(chǎn)品等方方面面,制作場景化營銷與體驗的窗口型小游戲或場景。以《花千骨》為例,影視頂級IP授權(quán)打造HTML 5游戲,在用戶觀看視頻的同時,引導進入游戲,無需下載,將實現(xiàn)好影游聯(lián)動,這將帶給行業(yè)全新的發(fā)行思路。10、HTML5行業(yè)發(fā)展的趨勢
伴隨著HTML 5興起的是Flash的沒落,HTML 5能打敗在多媒體領(lǐng)域稱霸多年的Flash,除了bootstrap的跨平臺性和較好的多媒體支持外,它的應(yīng)用范圍也廣于Flash。比如,F(xiàn)lash動畫作品的復(fù)用性極低,基本沒有模板市場,而HTML 5卻能作為基礎(chǔ)填充材料,用來制作報紙圖文等模板。參考Flash發(fā)展的演化路徑并結(jié)合HTML 5的新特性,HTML 5近幾年會在重度內(nèi)容、網(wǎng)頁游戲、垂直領(lǐng)域解決方案和內(nèi)容直接填充四個方面有所突破。(1)內(nèi)容往重度化方向發(fā)展
重度營銷并不完全意味著大項目、高預(yù)算、長周期、大團隊,而是相對輕度營銷以用戶生產(chǎn)內(nèi)容為主,它更注重專業(yè)內(nèi)容的生產(chǎn)。在用戶對頁面交互能力和HTML 5拓展功能的要求提高之際,輕度營銷的市場份額會逐漸降低,往重度營銷內(nèi)容轉(zhuǎn)化。(2)網(wǎng)頁游戲往交互游戲方向發(fā)展
盡管HTML 5游戲具備無需下載、包含社交屬性、開發(fā)成本低等優(yōu)勢,但如果沒有充分利用HTML 5的新特性,加強移動游戲的交互能力,它很難在游戲市場中異軍突起。由此,網(wǎng)頁游戲未來更有可能結(jié)合HTML 5優(yōu)良的通信功能,往跨屏互動等交互特征更明顯的形式發(fā)展。(3)垂直領(lǐng)域解決方案往在線應(yīng)用方向發(fā)展
與HTML 5行業(yè)密切相關(guān)的垂直行業(yè)主要包括在線教育、電商和流媒體三種類型。(4)傳媒業(yè)往內(nèi)容直接填充方向發(fā)展
國內(nèi)HTML 5開發(fā)工具基本都提供模板服務(wù),這與HTML 5網(wǎng)頁較強的復(fù)用性有關(guān)。WeX5的ui組件可以幫助用戶打造高效精致的視覺享受。網(wǎng)頁基礎(chǔ)架構(gòu)設(shè)計完成后,修改源碼中各元素的參數(shù)便能替換素材、改變對象屬性,因此HTML 5網(wǎng)頁能用于制作基礎(chǔ)填充材料。在HTML 5模板的幫助下,新媒體內(nèi)容能通過應(yīng)用母版進行編輯,用戶只需后期進行圖文內(nèi)容的替換,因此很有可能成為傳媒業(yè)轉(zhuǎn)型的契機。反觀國內(nèi)不同類型的HTML 5開發(fā)工具,只有以HTML 5提供的新特性為根本,能適應(yīng)各行各業(yè)對PC開發(fā)、app開發(fā)的需求才能夠滿足HTML 5快速發(fā)展下企業(yè)和開發(fā)者的需求。
新聞標題:HTML 5未來發(fā)展趨勢要點有哪些?
文章來源:http://m.newbst.com/news31/70031.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計、軟件開發(fā)、建站公司、做網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站改版
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)