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

熊亞蒙

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

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

熊亞蒙

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

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

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

1 HTML5技術概述

1.1 HTML簡介

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

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

1.2 HTML5的新特性

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

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

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

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

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

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

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

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

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

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

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

（2）應用的并發(fā)度高。移動互聯(lián)網(wǎng)因為其越來越快捷的網(wǎng)速而受到人們的普遍關注，因此在進行移動互聯(lián)網(wǎng)絡開發(fā)時，要充分考慮到并發(fā)高和響應快的特點，在移動互聯(lián)網(wǎng)面對很多用戶的訪問時，這對移動互聯(lián)網(wǎng)絡提出了更高的要求。

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

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

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

2.4 安全性高

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

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

3.1 Web App

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

3.2 Hybrid App

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

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

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

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

3.3 Web應用商店

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

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

4 結(jié)語

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

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

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

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

[4]黃永慧，陳程凱.HTML5在移動應用開發(fā)上的應用前景[J].計算機技術與發(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ā)。