摘 要:在“移動互聯(lián)網(wǎng)+”理念蓬勃發(fā)展的今天,智能手機(jī)的發(fā)展給我們的生活帶來了翻天覆地的變化。在智能手機(jī)的應(yīng)用開發(fā)中,目前還是以Apps的開發(fā)作為其發(fā)展的主流,然而,隨著HTML5技術(shù)的不斷發(fā)展,將來的移動互聯(lián)網(wǎng)應(yīng)用開發(fā)將會變得更加簡潔,從而給用戶帶來更好的用戶體驗(yàn)。HTML5的發(fā)展將會引領(lǐng)移動互聯(lián)開發(fā)達(dá)到一個(gè)新的高度。
關(guān)鍵詞:HTML5;移動互聯(lián)網(wǎng);開發(fā)
中圖分類號:TP311.1 文獻(xiàn)標(biāo)識碼:A
1 引言(Introduction)
在未來的某一天,我們打開手機(jī),不再需要訪問手機(jī)應(yīng)用商店,不論是Apple的還是Google的,我們只需要點(diǎn)擊手機(jī)主菜單頁面上的一個(gè)鏈接,手機(jī)就會立即在它的瀏覽器上啟動一個(gè)“應(yīng)用程序”;再也不需要flash插件,就能欣賞華麗的視頻畫面。這就是HTML5在移動應(yīng)用開發(fā)中帶給用戶的全新體驗(yàn)。
2 什么是HTML5(What is HTML5)
2.1 HTML5的概念
在這里我不說一些特別難懂的語言,我這里簡單的解釋一下,如果你學(xué)過HTML,那么就是HTML4,HTML5[1]是針對現(xiàn)有的版本進(jìn)行了一些豐富,把一些原先常用的標(biāo)簽進(jìn)行了統(tǒng)一,還添加了一些以前沒有的新標(biāo)簽來滿足更復(fù)雜的功能,像原先網(wǎng)頁上面的音樂播放器,現(xiàn)在都不需要通過flash插件來實(shí)現(xiàn),僅僅通過HTML5編寫程序來實(shí)現(xiàn),可以說HTML5的出現(xiàn)是一個(gè)很大的進(jìn)步。
有些東西需要HTML5來實(shí)現(xiàn),但是不能保證用戶用的瀏覽器都支持HTML5,所以有些功能需要保證兼容性,所以這也是限制HTML5的一個(gè)原因。
另一個(gè)因素就是HTML5在移動端的表現(xiàn)沒有想象中優(yōu)越[2],有很多的開發(fā)者在移動端做了很多嘗試,尤其是在移動端開發(fā)游戲,在動畫效果的實(shí)現(xiàn)上面,流暢度沒有得到很好地的保證,不過隨著移動設(shè)備的硬件越來越快,所以在以后HTML5在移動端的劣勢會被掩蓋,當(dāng)然并不是所有的移動端設(shè)備表現(xiàn)的都不好,HTML5在IOS平臺下的表現(xiàn)就很不錯,已經(jīng)可以成為企業(yè)開發(fā)的一個(gè)選擇,相反android就不盡人意。
2.2 HTML5新特性
(1)添加了canvas元素[3],這個(gè)元素可以幫助我們實(shí)現(xiàn)更炫更棒的動畫效果,HTML5游戲就是通過這個(gè)canvas來實(shí)現(xiàn)的場景的渲染。
(2)媒介元素,如video和audio元素。
(3)地離線存儲的支持。
(4)原先的標(biāo)簽更加分散和清晰,如article、footer、header、nav等。
(5)新的表單元素屬性,比如data、time、Email、url、search等。
HTML5的新特性如圖1所示。
3 HTML5使用的框架(HTML5 framework)
(1)LungoJS。這個(gè)是被認(rèn)為開發(fā)移動網(wǎng)站最好的HTML5開發(fā)框架[4],使用HTML5/CSS3和JavaScript技術(shù)??蓭椭鷦?chuàng)建基于iOS、Android、Blackberry和WebOS平臺的應(yīng)用程序。該框架可利用當(dāng)前移動設(shè)備的高級特性,可捕捉事件包括滑動、觸屏、長按等。無需使用圖片,全部采用向量聲稱。
(2)Kendo UI。Kendo UI是一個(gè)HTML5平臺,開發(fā)者利用它可以開發(fā)新穎的、交互的移動應(yīng)用程序和網(wǎng)站。該框架提供了大量的動畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件,如圖表、組合框以及常用表格。
(3)Jo。該框架可以創(chuàng)建像本地一樣的應(yīng)用,并且兼容任何操作系統(tǒng),無論是Blackberry、iOS還是Android。并且提供許多HTML5小部件。使用它可以解決任何動畫設(shè)計(jì)方面的問題。
(4)Sencha Touch。Sencha Touch是第一個(gè)基于HTML5的移動應(yīng)用框架,利用JavaScript、HTML5和CSS3來構(gòu)建移動應(yīng)用程序,該框架利用本地代理存儲離線數(shù)據(jù),具體使用HTML5來渲染視頻和音頻組件??梢宰屇愕腤eb App看起來就像本地應(yīng)用程序一樣。美麗的用戶界面組件和豐富的數(shù)據(jù)管理,全部基于最新的HTML5和CSS3的Web標(biāo)準(zhǔn),全面兼容Android和Apple iOS設(shè)備。
(5)LimeJS。LimeJS是一個(gè)JavaScript游戲開發(fā)框架,用于快速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲。允許開發(fā)者創(chuàng)建基于HTML5的游戲,支持主流瀏覽器包括iOS。
4 HTML5的優(yōu)勢(Advantage of HTML5)
HTML5最好的一個(gè)優(yōu)勢就是跨平臺,如果你是開發(fā)者,你只要寫一套程序就可以在任何地方運(yùn)行,PC,移動端都可以,這個(gè)大大的節(jié)約了開發(fā)成本。
另外一個(gè)優(yōu)點(diǎn)就是標(biāo)準(zhǔn)的統(tǒng)一,開發(fā)人員不需要再頭疼瀏覽器的兼容性,不過在這之前得保證瀏覽器支持HTML5。
最后一個(gè)優(yōu)點(diǎn)是站在用戶的角度,在移動端你想要用一個(gè)APP,你得去下載,每次APP更新或者改版,用戶很反感,用HTML5開發(fā)的只需要借助移動端瀏覽器打開,不需要用戶下載,打開就可以直接用,用戶頭疼的更新問題也不用擔(dān)心了。
5 結(jié)論(Conclusion)
隨著移動互聯(lián)網(wǎng)技術(shù)的發(fā)展及智能終端的不斷普及,移動互聯(lián)網(wǎng)開發(fā)技術(shù)也大量的涌現(xiàn)出來。作為互聯(lián)網(wǎng)超文本標(biāo)記語言的新一代核心標(biāo)準(zhǔn),HTML5順應(yīng)了互聯(lián)網(wǎng)發(fā)展潮流。移動互聯(lián)網(wǎng)的蓬勃發(fā)展使得HTML5的前景一片光明。
參考文獻(xiàn)(References)
[1] 劉彥科.移動互聯(lián)技術(shù)為自助設(shè)備運(yùn)行管理添翼[J].中國金融
電腦,2012,8:15-16.
[2] 程寶平.HTML5傾國傾城尚待時(shí)日[J].通信產(chǎn)業(yè)報(bào),2011(3):
23-24.
[3] 顧春來.APP應(yīng)用程序開發(fā)模式探究[J].硅谷,2014(5):45-46.
[4] 亢華愛.用HTML5開發(fā)移動應(yīng)用[J].科技創(chuàng)新導(dǎo)報(bào),2012(3):
46-47.
作者簡介:
畢曉明(1974-),女,碩士,講師.研究領(lǐng)域:教學(xué)管理.