簡析HTML5在移動互聯網開發中的應用

摘 要：在“移動互聯網+”理念蓬勃發展的今天，智能手機的發展給我們的生活帶來了翻天覆地的變化。在智能手機的應用開發中，目前還是以Apps的開發作為其發展的主流，然而，隨著HTML5技術的不斷發展，將來的移動互聯網應用開發將會變得更加簡潔，從而給用戶帶來更好的用戶體驗。HTML5的發展將會引領移動互聯開發達到一個新的高度。

關鍵詞：HTML5；移動互聯網；開發

中圖分類號：TP311.1 文獻標識碼：A

1 引言（Introduction）

在未來的某一天，我們打開手機，不再需要訪問手機應用商店，不論是Apple的還是Google的，我們只需要點擊手機主菜單頁面上的一個鏈接，手機就會立即在它的瀏覽器上啟動一個“應用程序”；再也不需要flash插件，就能欣賞華麗的視頻畫面。這就是HTML5在移動應用開發中帶給用戶的全新體驗。

2 什么是HTML5（What is HTML5）

2.1 HTML5的概念

在這里我不說一些特別難懂的語言，我這里簡單的解釋一下，如果你學過HTML，那么就是HTML4，HTML5[1]是針對現有的版本進行了一些豐富，把一些原先常用的標簽進行了統一，還添加了一些以前沒有的新標簽來滿足更復雜的功能，像原先網頁上面的音樂播放器，現在都不需要通過flash插件來實現，僅僅通過HTML5編寫程序來實現，可以說HTML5的出現是一個很大的進步。

有些東西需要HTML5來實現，但是不能保證用戶用的瀏覽器都支持HTML5，所以有些功能需要保證兼容性，所以這也是限制HTML5的一個原因。

另一個因素就是HTML5在移動端的表現沒有想象中優越[2]，有很多的開發者在移動端做了很多嘗試，尤其是在移動端開發游戲，在動畫效果的實現上面，流暢度沒有得到很好地的保證，不過隨著移動設備的硬件越來越快，所以在以后HTML5在移動端的劣勢會被掩蓋，當然并不是所有的移動端設備表現的都不好，HTML5在IOS平臺下的表現就很不錯，已經可以成為企業開發的一個選擇，相反android就不盡人意。

2.2 HTML5新特性

（1）添加了canvas元素[3]，這個元素可以幫助我們實現更炫更棒的動畫效果，HTML5游戲就是通過這個canvas來實現的場景的渲染。

（2）媒介元素，如video和audio元素。

（3）地離線存儲的支持。

（4）原先的標簽更加分散和清晰，如article、footer、header、nav等。

（5）新的表單元素屬性，比如data、time、Email、url、search等。

HTML5的新特性如圖1所示。

3 HTML5使用的框架（HTML5 framework）

（1）LungoJS。這個是被認為開發移動網站最好的HTML5開發框架[4]，使用HTML5/CSS3和JavaScript技術。可幫助創建基于iOS、Android、Blackberry和WebOS平臺的應用程序。該框架可利用當前移動設備的高級特性，可捕捉事件包括滑動、觸屏、長按等。無需使用圖片，全部采用向量聲稱。

（2）Kendo UI。Kendo UI是一個HTML5平臺，開發者利用它可以開發新穎的、交互的移動應用程序和網站。該框架提供了大量的動畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數據綁定小部件，如圖表、組合框以及常用表格。

（3）Jo。該框架可以創建像本地一樣的應用，并且兼容任何操作系統，無論是Blackberry、iOS還是Android。并且提供許多HTML5小部件。使用它可以解決任何動畫設計方面的問題。

（4）Sencha Touch。Sencha Touch是第一個基于HTML5的移動應用框架，利用JavaScript、HTML5和CSS3來構建移動應用程序，該框架利用本地代理存儲離線數據，具體使用HTML5來渲染視頻和音頻組件。可以讓你的Web App看起來就像本地應用程序一樣。美麗的用戶界面組件和豐富的數據管理，全部基于最新的HTML5和CSS3的Web標準，全面兼容Android和Apple iOS設備。

（5）LimeJS。LimeJS是一個JavaScript游戲開發框架，用于快速構建運行于觸屏設備和桌面瀏覽器的游戲。允許開發者創建基于HTML5的游戲，支持主流瀏覽器包括iOS。

4 HTML5的優勢（Advantage of HTML5）

HTML5最好的一個優勢就是跨平臺，如果你是開發者，你只要寫一套程序就可以在任何地方運行，PC，移動端都可以，這個大大的節約了開發成本。

另外一個優點就是標準的統一，開發人員不需要再頭疼瀏覽器的兼容性，不過在這之前得保證瀏覽器支持HTML5。

最后一個優點是站在用戶的角度，在移動端你想要用一個APP，你得去下載，每次APP更新或者改版，用戶很反感，用HTML5開發的只需要借助移動端瀏覽器打開，不需要用戶下載，打開就可以直接用，用戶頭疼的更新問題也不用擔心了。

5 結論（Conclusion）

隨著移動互聯網技術的發展及智能終端的不斷普及，移動互聯網開發技術也大量的涌現出來。作為互聯網超文本標記語言的新一代核心標準，HTML5順應了互聯網發展潮流。移動互聯網的蓬勃發展使得HTML5的前景一片光明。

參考文獻（References）

[1] 劉彥科.移動互聯技術為自助設備運行管理添翼[J].中國金融

電腦，2012，8：15-16.

[2] 程寶平.HTML5傾國傾城尚待時日[J].通信產業報，2011（3）：

23-24.

[3] 顧春來.APP應用程序開發模式探究[J].硅谷，2014（5）：45-46.

[4] 亢華愛.用HTML5開發移動應用[J].科技創新導報，2012（3）：

46-47.

作者簡介：

畢曉明（1974-），女，碩士，講師.研究領域：教學管理.