HTML5在移動(dòng)互聯(lián)網(wǎng)中的應(yīng)用研究

熊亞蒙

（廣州工程技術(shù)職業(yè)學(xué)院，廣東 廣州 510075）

HTML5在移動(dòng)互聯(lián)網(wǎng)中的應(yīng)用研究

熊亞蒙

（廣州工程技術(shù)職業(yè)學(xué)院，廣東 廣州 510075）

近年來，隨著我國(guó)移動(dòng)技術(shù)的不斷創(chuàng)新和我國(guó)互聯(lián)網(wǎng)產(chǎn)業(yè)的快速發(fā)展，我國(guó)移動(dòng)數(shù)據(jù)業(yè)務(wù)得到了飛速發(fā)展。隨著HTML5的出現(xiàn)以及其在互聯(lián)網(wǎng)領(lǐng)域的廣泛應(yīng)用，使互聯(lián)網(wǎng)發(fā)展呈現(xiàn)了新的趨勢(shì)。文中主要分析HTML5在移動(dòng)互聯(lián)網(wǎng)的中應(yīng)用。

HTML5；移動(dòng)互聯(lián)網(wǎng)；Web應(yīng)用

1 HTML5技術(shù)概述

1.1 HTML簡(jiǎn)介

H T M L5技術(shù)的出現(xiàn)是為了取代H T M L 4.01和XHTML1.1網(wǎng)絡(luò)標(biāo)準(zhǔn)，確保其能夠符合現(xiàn)代網(wǎng)絡(luò)的發(fā)展需要，在2008年1月22日第一份HTML5正式草案發(fā)布。廣義上的HTML5是由很多技術(shù)組成的，HTML在互聯(lián)網(wǎng)中的使用能夠提供更多能夠增強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)機(jī)。

同以往的HTML4.01相比HTML5增加了更多的語法特征并且能夠集成了SVG內(nèi)容。這些內(nèi)容主要是為在網(wǎng)頁中能夠以更加簡(jiǎn)便的方式添加和處理多媒體和圖片內(nèi)容。除此之外，HTML5中還增添了一些其他新的元素，包括＜section＞＜article＞等，并對(duì)一些原有的元素進(jìn)行刪除和修改，重新進(jìn)行了定義和標(biāo)準(zhǔn)化工作。在2012年的第四季度，HTML5被作為W3C的“候選推薦規(guī)范”正式發(fā)布，這表明其在技術(shù)上已經(jīng)是穩(wěn)定版本，并在2014年的第四季度定稿。

1.2 HTML5的新特性

（1）本地存儲(chǔ)。一是Web storage。采用的是離線緩存，并且能夠在緩存完成之后提供一個(gè)清單文件，這個(gè)清單文件的本是URL列表文件。二是Indexed DB。Indexed DB是HTML5進(jìn)行數(shù)據(jù)存儲(chǔ)的一種方式，能夠存儲(chǔ)比較復(fù)雜的數(shù)據(jù)。

（2）一是Geolocation API，這樣移動(dòng)的Web應(yīng)用能夠更加靈活的使用移動(dòng)智能終端上的GPS，Wi-Fi定位方式，準(zhǔn)確地獲取位置；二是DeviceOrientation API，這一API能夠使Web訪問終端上的陀螺儀，準(zhǔn)確地獲取方向和一定數(shù)據(jù)，在Geolocation API的配合下，能夠豐富地圖和導(dǎo)航等應(yīng)用；Media Capture API，HTML通過這一API能夠提供對(duì)移動(dòng)終端攝像頭可編程訪問。

（3）圖像繪制與渲染。Canvas，Canvas應(yīng)用程序的變口有數(shù)十個(gè)實(shí)現(xiàn)Web繪圖功能的方法。Web開發(fā)者可以利用WebGL提供的技術(shù)方案在網(wǎng)頁上顯示3D物體形象，其圖像性能可以直接使用終端設(shè)備的圖形處理器能力。這兩項(xiàng)技術(shù)能夠使Web應(yīng)用可以在不借助其他插件的前提下，實(shí)現(xiàn)出色的繪圖以及渲染能力。

（4）多媒體播放。多媒體播放主要是在HTML5當(dāng)中，通過增加的＜audio＞ ＜video＞標(biāo)簽，這樣就在Web當(dāng)中嵌入了音視頻播放功能。

（5）Web通信能力。Web Socket基于瀏覽器生成原生的Sochet，這樣在確保進(jìn)行全雙工通信的基礎(chǔ)上，實(shí)現(xiàn)了Web的實(shí)時(shí)通信。Web Notification提供了一種能夠跨越沙盒的API，即使在瀏覽器后臺(tái)運(yùn)行，也能夠確保用戶接收Web應(yīng)用通知。

（6）腳本運(yùn)行效率。HTML5提出了線程概念，使用Web Worker能夠?qū)eb進(jìn)行多線程支持。使用Web Worker可以確保能夠完成長(zhǎng)時(shí)間的運(yùn)行，并且其內(nèi)耗以及啟動(dòng)性能都比較理想。Web Worker能夠運(yùn)行開發(fā)者在后臺(tái)進(jìn)行長(zhǎng)時(shí)間運(yùn)算，并且頁面也能夠?qū)τ脩暨M(jìn)行及時(shí)的相應(yīng)。

2 移動(dòng)互聯(lián)網(wǎng)概述

2.1 移動(dòng)互聯(lián)網(wǎng)概述

移動(dòng)互聯(lián)網(wǎng)指的是以移動(dòng)智能終端作為載體，通過無線電通信貨物資源和服務(wù)的網(wǎng)絡(luò)模式。通過對(duì)移動(dòng)互聯(lián)網(wǎng)的概念進(jìn)行分析，可以發(fā)現(xiàn)其是由軟件、應(yīng)用和終端3部分組成的。其中軟件指的是智能操作系統(tǒng)、中間件和數(shù)據(jù)庫(kù)等組成部分；應(yīng)用包括了工具、交友等內(nèi)容，智能終端包括現(xiàn)代智能手機(jī)等可以攜帶的移動(dòng)設(shè)備。移動(dòng)互聯(lián)網(wǎng)的生態(tài)系統(tǒng)是由消費(fèi)者的消費(fèi)能力、市場(chǎng)成熟度、市場(chǎng)規(guī)模以及市場(chǎng)的有序度組成的。因此，在移動(dòng)互聯(lián)網(wǎng)發(fā)展中，網(wǎng)絡(luò)速度、存儲(chǔ)以及網(wǎng)絡(luò)中的設(shè)備是推動(dòng)移動(dòng)互聯(lián)網(wǎng)發(fā)展的關(guān)鍵性力量。

2.2 移動(dòng)互聯(lián)網(wǎng)的特點(diǎn)

（1）用戶基數(shù)大。在2015全球范圍之內(nèi)手機(jī)用戶高達(dá)71億之多，根據(jù)工信部發(fā)布的數(shù)據(jù)，截止到2015年12月，中國(guó)手機(jī)用戶已經(jīng)達(dá)到了13.05億，每100人擁有手機(jī)95.5部。并且隨著智能手機(jī)生產(chǎn)的增長(zhǎng)，以及伴隨著移動(dòng)網(wǎng)速加快和云存儲(chǔ)技術(shù)發(fā)展的不斷成熟，這一數(shù)量還在不斷增加。

（2）應(yīng)用的并發(fā)度高。移動(dòng)互聯(lián)網(wǎng)因?yàn)槠湓絹碓娇旖莸木W(wǎng)速而受到人們的普遍關(guān)注，因此在進(jìn)行移動(dòng)互聯(lián)網(wǎng)絡(luò)開發(fā)時(shí)，要充分考慮到并發(fā)高和響應(yīng)快的特點(diǎn)，在移動(dòng)互聯(lián)網(wǎng)面對(duì)很多用戶的訪問時(shí)，這對(duì)移動(dòng)互聯(lián)網(wǎng)絡(luò)提出了更高的要求。

（3）軟件更新時(shí)間比較短。移動(dòng)互聯(lián)網(wǎng)的用戶分布在世界不同的角落中，因此，一旦對(duì)移動(dòng)互聯(lián)網(wǎng)有了新的想法之后，就必須盡快地進(jìn)行更新，以占領(lǐng)更加廣闊的市場(chǎng)。傳統(tǒng)的軟件在進(jìn)行開發(fā)的過程中開發(fā)周期基本上是以年或者以月為單位，但是移動(dòng)互聯(lián)網(wǎng)的更新卻是以天或者是周作為開發(fā)周期的。

2.3 移動(dòng)互聯(lián)網(wǎng)的兼容性比較好

由于移動(dòng)互聯(lián)網(wǎng)軟件采用的是免費(fèi)開源的代碼，這使其具有操作類型多、版本多等特點(diǎn)，因此，這也使移動(dòng)互聯(lián)網(wǎng)具有很強(qiáng)的通用性和兼容性。

2.4 安全性高

安全和信用體系是移動(dòng)互聯(lián)網(wǎng)的基石。在傳統(tǒng)的網(wǎng)絡(luò)當(dāng)中，網(wǎng)絡(luò)操作人員與私人空間之間還存在一定的距離，因此，在傳統(tǒng)網(wǎng)絡(luò)中安全問題并不是很突出。而移動(dòng)互聯(lián)網(wǎng)絡(luò)則能夠利用GPS等技術(shù)對(duì)用戶的生活進(jìn)行關(guān)聯(lián)，因此，在移動(dòng)互聯(lián)網(wǎng)絡(luò)發(fā)展的過程中，如果缺乏安全的信用體系，則所有的內(nèi)容都是不可靠的。對(duì)于一個(gè)免費(fèi)的系統(tǒng)，一旦安全以及信用體系被污染，那么結(jié)果是很危險(xiǎn)的。

3 HTML5在移動(dòng)互聯(lián)網(wǎng)中的應(yīng)用模式分析

3.1 Web App

Web App技術(shù)是以Web技術(shù)為基礎(chǔ)的，雖然其在使用的過程中依然需要瀏覽器進(jìn)行解析，但是其網(wǎng)頁的界面以及直接操作方式是與手機(jī)屏幕相適應(yīng)的，并且Web App通過利用HTML5的Application Cache的諸多特點(diǎn)，能夠確保用戶獲得和本地應(yīng)用一致的使用體驗(yàn)。隨著技術(shù)發(fā)展的不斷成熟，目前在一些瀏覽器中已經(jīng)能夠?qū)崿F(xiàn)對(duì)其地址欄、狀態(tài)欄等帶有明顯的瀏覽器特點(diǎn)的界面元素進(jìn)行隱藏，如此就能夠使Web App和本地應(yīng)用相比并沒有明顯的區(qū)別。Web App一方面能夠給應(yīng)用的開發(fā)工作者提供一種新的應(yīng)用模式，同時(shí)還能夠改變智能移動(dòng)終端和瀏覽器的設(shè)計(jì)。

3.2 Hybrid App

（1）分布渠道。Web App和Native App的分布渠道存在著十分明顯的不同。當(dāng)前，各個(gè)大平臺(tái)中的供應(yīng)商可以通過App Store以及App Market控制Native App的分發(fā)；而HTML則是能夠利用Web的規(guī)則—連接分發(fā)，一般情況下是社交平臺(tái)或者是搜索引擎。

（2）盈利模式。在盈利方面，Native和Web App的方式存在很大的差異。Native App主要是通過平臺(tái)付費(fèi)的方式使其應(yīng)用貨幣化，從其客戶的角度上進(jìn)行分析，采用這種方式是十分便捷的，即使Native App需要將其中一部分費(fèi)用分配給下載平臺(tái)。Web App與其有著很大的不同，Web App主要是通過廣告獲取利益。

（3）功能。通過上文的分析，雖然Web在一定程度上已經(jīng)有了一些本地應(yīng)用的特點(diǎn)，但是，從實(shí)際應(yīng)用來看，其還無法像Native一樣具備如此之多的功能。

（4）發(fā)布自由。對(duì)Web App和App Store進(jìn)行對(duì)比可以發(fā)現(xiàn)，App Store是一個(gè)相對(duì)“有限制”的環(huán)境，沒有完全展現(xiàn)出Web的自由性。針對(duì)存在差異，一些開發(fā)工作者在具體選擇Web App還是選擇本地應(yīng)用時(shí)往往舉棋不定，由此，出現(xiàn)了一種混合的應(yīng)用，也就是Hybrid App。Hybrid App在具體應(yīng)用時(shí)會(huì)以一種本地應(yīng)用形態(tài)呈現(xiàn)，但是其內(nèi)部都是依靠Web技術(shù)實(shí)現(xiàn)的，并且Web技術(shù)所無法實(shí)現(xiàn)的一些功能能夠通過本地的App進(jìn)行完成。這種應(yīng)用在使用的過程中，具備一定的跨平臺(tái)的能力，同時(shí)也能夠通過Native App的發(fā)布渠道盈利。當(dāng)前，這種方案在很多開發(fā)框架當(dāng)中都得到了應(yīng)用。混合的App能夠綜合利用兩種技術(shù)的優(yōu)點(diǎn)，這也表明越來越多的資源正在朝著HTML5進(jìn)行轉(zhuǎn)變。隨著HTML技術(shù)的快速發(fā)展，將來這種經(jīng)過封裝的App將不再需要套上Native的外殼。

3.3 Web應(yīng)用商店

在互聯(lián)網(wǎng)產(chǎn)業(yè)鏈當(dāng)中，應(yīng)用商店是其重要的構(gòu)成。而Web App在應(yīng)用發(fā)布、收費(fèi)模式以及版本更新等方面和本地應(yīng)用都是不同的，這也促使未來商店必然在形態(tài)上發(fā)生變化。隨著HTML5技術(shù)的不斷發(fā)展成熟，這將會(huì)極大地促使Web App的商店的出現(xiàn)。并且這種商店也是一種新的Web網(wǎng)頁的使用形式，并且其主要優(yōu)勢(shì)體現(xiàn)在以下幾個(gè)方面：

首先，其能夠?qū)Ω嗟钠脚_(tái)進(jìn)行覆蓋，并且企發(fā)部群體也更加廣泛；其次，在不需要安裝的前提下就能保持最新的版本；再次，在不需要對(duì)使用版本開發(fā)的同時(shí)，就能夠進(jìn)行試用；最后，更容易植入廣告。

4 結(jié)語

當(dāng)前，HTML5在互聯(lián)網(wǎng)中應(yīng)用的日益廣泛，能夠是Web應(yīng)用本土化，這對(duì)傳統(tǒng)的網(wǎng)絡(luò)中以App為主的格局造成影響，并且HTML5在互聯(lián)網(wǎng)中的應(yīng)用使原本界面明顯的操作系統(tǒng)和瀏覽器之間的差別變得模糊。隨著現(xiàn)代科學(xué)技術(shù)的不斷發(fā)展，HTML5技術(shù)應(yīng)用的不斷成熟，HTML5新的使用方式也在不斷出現(xiàn)，這也促使了新的商業(yè)快速形成和發(fā)展。

[1]任金波.HTML5在移動(dòng)互聯(lián)網(wǎng)中的應(yīng)用[J].電腦與電信，2012（12）：38-39.

[2]劉國(guó)紅.HTML5在移動(dòng)互聯(lián)網(wǎng)開發(fā)中的應(yīng)用[J].科技廣場(chǎng)，2014（4）：59-62.

[3]李正，張欣宇，馮一帆.HTML5技術(shù)在移動(dòng)互聯(lián)網(wǎng)中的應(yīng)用[J].信息通信技術(shù)，2014（5）：71-75.

[4]黃永慧，陳程凱.HTML5在移動(dòng)應(yīng)用開發(fā)上的應(yīng)用前景[J].計(jì)算機(jī)技術(shù)與發(fā)展，2013（7）：207-210.

Research on the application of HTML5 in mobile Internet

Xiong Yameng
（Guangzhou Institute of Technology, Guangzhou 510075, China）

In recent years, with the continuous innovation of mobile technology in China and the rapid development of China’s Internet industry, the mobile data services in China has got rapid development. The emergence of HTML5 and its application in the field of the Internet, the Internet development presents a new trend. In this paper, we mainly analyze the application of HTML5 in mobile Internet.

HTML5; mobile Internet; Web application

熊亞蒙（1980— ），男，湖北武漢，本科，講師；研究方向：軟件開發(fā)，游戲開發(fā)。