摘 要：在“移動(dòng)互聯(lián)網(wǎng)+”理念蓬勃發(fā)展的今天，智能手機(jī)的發(fā)展給我們的生活帶來(lái)了翻天覆地的變化。在智能手機(jī)的應(yīng)用開(kāi)發(fā)中，目前還是以Apps的開(kāi)發(fā)作為其發(fā)展的主流，然而，隨著HTML5技術(shù)的不斷發(fā)展，將來(lái)的移動(dòng)互聯(lián)網(wǎng)應(yīng)用開(kāi)發(fā)將會(huì)變得更加簡(jiǎn)潔，從而給用戶帶來(lái)更好的用戶體驗(yàn)。HTML5的發(fā)展將會(huì)引領(lǐng)移動(dòng)互聯(lián)開(kāi)發(fā)達(dá)到一個(gè)新的高度。

關(guān)鍵詞：HTML5；移動(dòng)互聯(lián)網(wǎng)；開(kāi)發(fā)

中圖分類號(hào)：TP311.1 文獻(xiàn)標(biāo)識(shí)碼：A

1 引言（Introduction）

在未來(lái)的某一天，我們打開(kāi)手機(jī)，不再需要訪問(wèn)手機(jī)應(yīng)用商店，不論是Apple的還是Google的，我們只需要點(diǎn)擊手機(jī)主菜單頁(yè)面上的一個(gè)鏈接，手機(jī)就會(huì)立即在它的瀏覽器上啟動(dòng)一個(gè)“應(yīng)用程序”；再也不需要flash插件，就能欣賞華麗的視頻畫面。這就是HTML5在移動(dòng)應(yīng)用開(kāi)發(fā)中帶給用戶的全新體驗(yàn)。

2 什么是HTML5（What is HTML5）

2.1 HTML5的概念

在這里我不說(shuō)一些特別難懂的語(yǔ)言，我這里簡(jiǎn)單的解釋一下，如果你學(xué)過(guò)HTML，那么就是HTML4，HTML5[1]是針對(duì)現(xiàn)有的版本進(jìn)行了一些豐富，把一些原先常用的標(biāo)簽進(jìn)行了統(tǒng)一，還添加了一些以前沒(méi)有的新標(biāo)簽來(lái)滿足更復(fù)雜的功能，像原先網(wǎng)頁(yè)上面的音樂(lè)播放器，現(xiàn)在都不需要通過(guò)flash插件來(lái)實(shí)現(xiàn)，僅僅通過(guò)HTML5編寫程序來(lái)實(shí)現(xiàn)，可以說(shuō)HTML5的出現(xiàn)是一個(gè)很大的進(jìn)步。

有些東西需要HTML5來(lái)實(shí)現(xiàn)，但是不能保證用戶用的瀏覽器都支持HTML5，所以有些功能需要保證兼容性，所以這也是限制HTML5的一個(gè)原因。

另一個(gè)因素就是HTML5在移動(dòng)端的表現(xiàn)沒(méi)有想象中優(yōu)越[2]，有很多的開(kāi)發(fā)者在移動(dòng)端做了很多嘗試，尤其是在移動(dòng)端開(kāi)發(fā)游戲，在動(dòng)畫效果的實(shí)現(xiàn)上面，流暢度沒(méi)有得到很好地的保證，不過(guò)隨著移動(dòng)設(shè)備的硬件越來(lái)越快，所以在以后HTML5在移動(dòng)端的劣勢(shì)會(huì)被掩蓋，當(dāng)然并不是所有的移動(dòng)端設(shè)備表現(xiàn)的都不好，HTML5在IOS平臺(tái)下的表現(xiàn)就很不錯(cuò)，已經(jīng)可以成為企業(yè)開(kāi)發(fā)的一個(gè)選擇，相反android就不盡人意。

2.2 HTML5新特性

（1）添加了canvas元素[3]，這個(gè)元素可以幫助我們實(shí)現(xiàn)更炫更棒的動(dòng)畫效果，HTML5游戲就是通過(guò)這個(gè)canvas來(lái)實(shí)現(xiàn)的場(chǎng)景的渲染。

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

（3）地離線存儲(chǔ)的支持。

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

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

HTML5的新特性如圖1所示。

3 HTML5使用的框架（HTML5 framework）

（1）LungoJS。這個(gè)是被認(rèn)為開(kāi)發(fā)移動(dòng)網(wǎng)站最好的HTML5開(kāi)發(fā)框架[4]，使用HTML5/CSS3和JavaScript技術(shù)?？蓭椭鷦?chuàng)建基于iOS、Android、Blackberry和WebOS平臺(tái)的應(yīng)用程序。該框架可利用當(dāng)前移動(dòng)設(shè)備的高級(jí)特性，可捕捉事件包括滑動(dòng)、觸屏、長(zhǎng)按等。無(wú)需使用圖片，全部采用向量聲稱。

（2）Kendo UI。Kendo UI是一個(gè)HTML5平臺(tái)，開(kāi)發(fā)者利用它可以開(kāi)發(fā)新穎的、交互的移動(dòng)應(yīng)用程序和網(wǎng)站。該框架提供了大量的動(dòng)畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件，如圖表、組合框以及常用表格。

（3）Jo。該框架可以創(chuàng)建像本地一樣的應(yīng)用，并且兼容任何操作系統(tǒng)，無(wú)論是Blackberry、iOS還是Android。并且提供許多HTML5小部件。使用它可以解決任何動(dòng)畫設(shè)計(jì)方面的問(wèn)題。

（4）Sencha Touch。Sencha Touch是第一個(gè)基于HTML5的移動(dòng)應(yīng)用框架，利用JavaScript、HTML5和CSS3來(lái)構(gòu)建移動(dòng)應(yīng)用程序，該框架利用本地代理存儲(chǔ)離線數(shù)據(jù)，具體使用HTML5來(lái)渲染視頻和音頻組件?？梢宰屇愕腤eb App看起來(lái)就像本地應(yīng)用程序一樣。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的Web標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。

（5）LimeJS。LimeJS是一個(gè)JavaScript游戲開(kāi)發(fā)框架，用于快速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲。允許開(kāi)發(fā)者創(chuàng)建基于HTML5的游戲，支持主流瀏覽器包括iOS。

4 HTML5的優(yōu)勢(shì)（Advantage of HTML5）

HTML5最好的一個(gè)優(yōu)勢(shì)就是跨平臺(tái)，如果你是開(kāi)發(fā)者，你只要寫一套程序就可以在任何地方運(yùn)行，PC，移動(dòng)端都可以，這個(gè)大大的節(jié)約了開(kāi)發(fā)成本。

另外一個(gè)優(yōu)點(diǎn)就是標(biāo)準(zhǔn)的統(tǒng)一，開(kāi)發(fā)人員不需要再頭疼瀏覽器的兼容性，不過(guò)在這之前得保證瀏覽器支持HTML5。

最后一個(gè)優(yōu)點(diǎn)是站在用戶的角度，在移動(dòng)端你想要用一個(gè)APP，你得去下載，每次APP更新或者改版，用戶很反感，用HTML5開(kāi)發(fā)的只需要借助移動(dòng)端瀏覽器打開(kāi)，不需要用戶下載，打開(kāi)就可以直接用，用戶頭疼的更新問(wèn)題也不用擔(dān)心了。

5 結(jié)論（Conclusion）

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的發(fā)展及智能終端的不斷普及，移動(dòng)互聯(lián)網(wǎng)開(kāi)發(fā)技術(shù)也大量的涌現(xiàn)出來(lái)。作為互聯(lián)網(wǎng)超文本標(biāo)記語(yǔ)言的新一代核心標(biāo)準(zhǔn)，HTML5順應(yīng)了互聯(lián)網(wǎng)發(fā)展潮流。移動(dòng)互聯(lián)網(wǎng)的蓬勃發(fā)展使得HTML5的前景一片光明。

參考文獻(xiàn)（References）

[1] 劉彥科.移動(dòng)互聯(lián)技術(shù)為自助設(shè)備運(yùn)行管理添翼[J].中國(guó)金融

電腦，2012，8：15-16.

[2] 程寶平.HTML5傾國(guó)傾城尚待時(shí)日[J].通信產(chǎn)業(yè)報(bào)，2011（3）：

23-24.

[3] 顧春來(lái).APP應(yīng)用程序開(kāi)發(fā)模式探究[J].硅谷，2014（5）：45-46.

[4] 亢華愛(ài).用HTML5開(kāi)發(fā)移動(dòng)應(yīng)用[J].科技創(chuàng)新導(dǎo)報(bào)，2012（3）：

46-47.

作者簡(jiǎn)介：

畢曉明（1974-），女，碩士，講師.研究領(lǐng)域：教學(xué)管理.