談HTML5技術(shù)開(kāi)啟移動(dòng)互聯(lián)網(wǎng)的新時(shí)代

蘇紹培　李娟　張燕

摘 要：在移動(dòng)互聯(lián)網(wǎng)飛速發(fā)展的當(dāng)今，HTML5標(biāo)準(zhǔn)是W3C（萬(wàn)維網(wǎng)聯(lián)盟）近年來(lái)頒布的一項(xiàng)引起業(yè)內(nèi)轟動(dòng)的Web技術(shù)新標(biāo)準(zhǔn)。幾乎顛覆了傳統(tǒng)PC機(jī)形式互聯(lián)網(wǎng)的格局，根本性地優(yōu)化了移動(dòng)互聯(lián)網(wǎng)的多角度體驗(yàn)，因?yàn)樗母黜?xiàng)新特性為瞬息萬(wàn)變的移動(dòng)互聯(lián)時(shí)代提供了更為出色的解決方案。業(yè)內(nèi)預(yù)測(cè)，HTML5技術(shù)將會(huì)成為移動(dòng)互聯(lián)網(wǎng)市場(chǎng)的下一個(gè)造物主。

關(guān)鍵詞：HTML5；移動(dòng)互聯(lián)網(wǎng)；跨平臺(tái)性；移動(dòng)終端；WEB

中圖分類號(hào)： TP393 文獻(xiàn)標(biāo)識(shí)碼： A 文章編號(hào)： 1673-1069（2016）17-137-2

0 引言

21世紀(jì)移動(dòng)互聯(lián)網(wǎng)給人們帶來(lái)了全新的生活形態(tài)，隨著我國(guó)“互聯(lián)網(wǎng)+”的提出，這個(gè)國(guó)家級(jí)戰(zhàn)略與各行業(yè)緊密結(jié)合不斷助力企業(yè)發(fā)展，互聯(lián)網(wǎng)推動(dòng)社會(huì)進(jìn)入到一個(gè)新的發(fā)展階段。中國(guó)互聯(lián)網(wǎng)信息中心在2016年初發(fā)布了第37次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》。報(bào)告指出，截至2015年12月中國(guó)網(wǎng)民規(guī)模達(dá)6.88億，互聯(lián)網(wǎng)普及率為50.3%，超半數(shù)中國(guó)人已接入互聯(lián)網(wǎng)。報(bào)告還顯示，我國(guó)手機(jī)網(wǎng)民達(dá)6.2億，無(wú)線網(wǎng)絡(luò)覆蓋使用率達(dá)到91.8%，且我國(guó)網(wǎng)民上網(wǎng)方式與設(shè)備也正在向便攜式移動(dòng)設(shè)備特別是手機(jī)端轉(zhuǎn)向。伴隨著信息化的快速升級(jí)，4G網(wǎng)絡(luò)的普及、無(wú)線網(wǎng)絡(luò)的發(fā)展、智能手機(jī)的更新?lián)Q代，移動(dòng)設(shè)備早已成為我們生活中不可或缺的裝備。與臺(tái)式機(jī)相比，移動(dòng)終端配置低、可視屏幕小、系統(tǒng)性能差、應(yīng)用范圍較窄，如果依舊采用傳統(tǒng)HTML標(biāo)記制作WEB網(wǎng)頁(yè)則無(wú)法滿足網(wǎng)絡(luò)多媒體的展示。但隨著HTML5的提出，其特性能為移動(dòng)互聯(lián)網(wǎng)應(yīng)用提供無(wú)限廣闊的空間。

1 HTML5技術(shù)的前生今世

HTML語(yǔ)言，一種用于描述網(wǎng)頁(yè)文檔的標(biāo)記語(yǔ)言。它的第一個(gè)版本誕生于IETF團(tuán)隊(duì)1993年的一個(gè)草案。兩年后又發(fā)布了第二個(gè)版本HTML2.0。在1996年HTML3.2正式被W3C推薦。1997年到1999年HTML4.0和HTML4.01相繼發(fā)布，并得到W3C的認(rèn)可推薦。2000年基于HTML4.01的ISO HTML成為了國(guó)際化組織的標(biāo)準(zhǔn)并沿用至今。然而在2004年以O(shè)pera，Apple以及Mozilla為代表的公司提出從根本上擴(kuò)展HTML的提議被W3C拒絕了后，他們成立了Web超文本應(yīng)用技術(shù)工作組——WHATWG。WHATWG致力于Web Forms 2.0和Web Apps 1.0方向研究，二者都是HTML超文本標(biāo)記的擴(kuò)展技術(shù)。然而分歧過(guò)后，WHATWG與W3C于2006 年決定進(jìn)行合作，并在不久后創(chuàng)建了一個(gè)繼HTML4.01之后具有全新標(biāo)準(zhǔn)的 HTML新版本，即具有傳奇色彩的HTML5標(biāo)準(zhǔn)，并于2008年公布了HTML 5第一份正式草案。在2012年底， W3C宣布凝結(jié)了無(wú)數(shù)工作者心血的HTML5規(guī)范正式定稿。之后又經(jīng)過(guò)團(tuán)隊(duì)無(wú)數(shù)次修改，正式封稿于2014年10月，并計(jì)劃在2016年底前發(fā)布HTML5.1推薦標(biāo)準(zhǔn)。截止2014年，經(jīng)過(guò)近8年的艱苦奮斗，該標(biāo)準(zhǔn)完成制定。此時(shí)各瀏覽器也紛紛兼容HTML5標(biāo)準(zhǔn)，包括Chrome 、Opera、Firefox 、Safari 、IE9+等，而國(guó)內(nèi)瀏覽器獵豹、360、遨游、搜狗等同樣具備支持HTML5的能力。這注定HTML5會(huì)有一個(gè)寬闊的舞臺(tái)。

2 HTML5新特性開(kāi)啟移動(dòng)互聯(lián)網(wǎng)的新面貌

HTML5是HTML升級(jí)后的新標(biāo)準(zhǔn)，是一套綜合性技術(shù)集合，包括如HTML5、CSS3樣式、JS腳本、設(shè)備API、Web應(yīng)用API等一系列開(kāi)發(fā)新標(biāo)準(zhǔn)。它已完全打破傳統(tǒng)網(wǎng)頁(yè)形式，為用戶帶來(lái)更豐富的頁(yè)面互動(dòng)與體驗(yàn)效果。由于基于HTML5的移動(dòng)互聯(lián)網(wǎng)應(yīng)用在智能移動(dòng)設(shè)備終端Web環(huán)境中運(yùn)行，其運(yùn)行代碼主要部署在云端設(shè)備上，具備良好的跨平臺(tái)性，HTML5是唯一一個(gè)縱橫于PC、Mac、iPhone、iPad、Android等主流平臺(tái)的跨平臺(tái)語(yǔ)言。而移動(dòng)互聯(lián)網(wǎng)是指以包括平板、手機(jī)及其他手持式終端設(shè)備，并通過(guò)無(wú)線接入到外網(wǎng)，應(yīng)用包括WEB系統(tǒng)、查看網(wǎng)頁(yè)、購(gòu)物、網(wǎng)頁(yè)游戲、網(wǎng)絡(luò)社交等各種生產(chǎn)生活活動(dòng)。移動(dòng)互聯(lián)網(wǎng)勢(shì)必要成為市場(chǎng)潛力最大、發(fā)展最快的領(lǐng)域， HTML5也將注定是富媒體移動(dòng)互聯(lián)網(wǎng)技術(shù)實(shí)現(xiàn)的重要因素。

2.1 系統(tǒng)跨平臺(tái)性

跨平臺(tái)性是HTML5最閃亮的優(yōu)點(diǎn)，是眾多開(kāi)發(fā)者喜愛(ài)的原因之一，特別是游戲開(kāi)發(fā)者們。原來(lái)由于系統(tǒng)平臺(tái)不同所使用的語(yǔ)言也就不同，而用HTML5開(kāi)發(fā)是跨平臺(tái)問(wèn)題的一個(gè)非常有效的解決方案。即：每款游戲或應(yīng)用系統(tǒng)產(chǎn)品在開(kāi)發(fā)者看來(lái)無(wú)論是筆記本、還是PC機(jī)、觸摸屏、或平板電腦和手機(jī)，代碼只需編寫(xiě)一次，便可在不同系統(tǒng)平臺(tái)上正常運(yùn)行。

2.2 多媒體特性WEB網(wǎng)頁(yè)

眾所周知，現(xiàn)在絕大多數(shù)Web網(wǎng)頁(yè)普遍依賴于插件，網(wǎng)頁(yè)游戲、在線歌曲、在線視頻、購(gòu)物、WEB辦公等都要依賴插件，在操作繁瑣的同時(shí)還存在著一些安全隱患。HTML5極大提升了對(duì)網(wǎng)頁(yè)端多媒體的支持，提供了包括音頻（Audio）、視頻（Video）和圖像動(dòng)畫(huà)（Canvas）新標(biāo)簽。其中，標(biāo)簽Audio和標(biāo)簽Video分別用于播放網(wǎng)頁(yè)中的音頻和視頻內(nèi)容，而瀏覽器再也無(wú)需安裝任何額外插件便可以應(yīng)用網(wǎng)頁(yè)的各種多媒體功能，對(duì)移動(dòng)上網(wǎng)設(shè)備來(lái)說(shuō)也能更快、更好的呈現(xiàn)網(wǎng)頁(yè)內(nèi)容；而標(biāo)簽Canvas則使得瀏覽器直接忽視了如Flash之類的插件，它能實(shí)時(shí)繪制2D動(dòng)畫(huà)，在瀏覽器端也無(wú)需插件便可直接顯示圖形或動(dòng)畫(huà)。總之，HTML5使得網(wǎng)頁(yè)的音頻、視頻、動(dòng)畫(huà)與圖形可以自由嵌入，多媒體形式更為靈活。

2.3 離線存儲(chǔ)功能使用

傳統(tǒng)WEB頁(yè)面文件存儲(chǔ)在服務(wù)器端，用戶連入互聯(lián)網(wǎng)訪問(wèn)時(shí)都要向服務(wù)器發(fā)送請(qǐng)求，而網(wǎng)絡(luò)傳輸速率、介質(zhì)、距離、文件大小、文件類型決定頁(yè)面的呈現(xiàn)狀態(tài)。HTML5技術(shù)是在用戶瀏覽器內(nèi)嵌套一個(gè)數(shù)據(jù)庫(kù)，以開(kāi)放本地緩存等方式來(lái)實(shí)現(xiàn)頁(yè)面的離線運(yùn)行功能。它的特點(diǎn)是讓網(wǎng)頁(yè)能夠在斷開(kāi)網(wǎng)絡(luò)時(shí)繼續(xù)運(yùn)行，這將極大節(jié)約網(wǎng)絡(luò)流量。離線存儲(chǔ)功能有三方面優(yōu)勢(shì)：一是離線瀏覽模式，終端用戶可在頁(yè)面應(yīng)用斷線時(shí)繼續(xù)瀏覽頁(yè)面；二是頁(yè)面響應(yīng)速度，用戶請(qǐng)求已緩存的資源加載會(huì)更快；三是服務(wù)器負(fù)載，瀏覽器將執(zhí)行差異性下載，只從服務(wù)器端下載更新過(guò)的資源。

2.4 新穎的輸入法和地理定位功能

由于終端顯示設(shè)備不同，移動(dòng)互聯(lián)技術(shù)與傳統(tǒng)寬帶相比，輸入方式已經(jīng)不再只是鼠標(biāo)和鍵盤之類硬件設(shè)備，出現(xiàn)了觸屏響應(yīng)、語(yǔ)音、二維掃碼等全新形式。HTML5可輕松解決網(wǎng)頁(yè)端信息的采集與交互功能。

另外，便攜式移動(dòng)設(shè)備上的移動(dòng)定位功能，能充分發(fā)揮地理定位的優(yōu)勢(shì)，使用戶隨時(shí)隨地分享位置，推動(dòng)LBS發(fā)展，讓定位和導(dǎo)航不再專屬導(dǎo)航軟件。

2.5 擁有更合理的新標(biāo)簽

幾乎所有開(kāi)發(fā)人員都知道在HTML4中有譬如之類標(biāo)簽很少被使用，在HTML5中已經(jīng)完全剔除掉過(guò)時(shí)的標(biāo)簽，而增加了一些全新的表單標(biāo)簽，增加了對(duì)拉丁字符以外的處理。此外，為了使創(chuàng)建者可以創(chuàng)建更干凈，更易管理的網(wǎng)頁(yè)，HTML5引入了微數(shù)據(jù)，從結(jié)構(gòu)上實(shí)現(xiàn)機(jī)器能識(shí)別的標(biāo)簽來(lái)備注網(wǎng)頁(yè)內(nèi)容，從而使搜索引擎、讀屏軟件等更友好的支持。還有全新規(guī)范的CSS3為頁(yè)面提供了更多風(fēng)格和更出奇的效果，例如特效、動(dòng)畫(huà)等強(qiáng)大功能。

2.6 網(wǎng)頁(yè)顯示自適應(yīng)性

在HTML5技術(shù)出現(xiàn)之前，網(wǎng)頁(yè)開(kāi)發(fā)者們?cè)陂_(kāi)發(fā)一個(gè)網(wǎng)站時(shí)，將根據(jù)顯示屏尺寸的不同而制作出能適應(yīng)其顯示屏大小的多個(gè)版本的作品。顯然這個(gè)過(guò)程需要付出幾倍的精力，而網(wǎng)站維護(hù)工作量也將翻倍。HTML5的屏幕自適應(yīng)性較強(qiáng)，網(wǎng)頁(yè)能自動(dòng)識(shí)別顯示設(shè)備的大小，并能自我調(diào)整頁(yè)面布局形式。HTML5的這項(xiàng)特性深受網(wǎng)站前端設(shè)計(jì)者的喜愛(ài)，HTML5技術(shù)開(kāi)發(fā)的頁(yè)面在移動(dòng)互聯(lián)設(shè)備上得到了完美呈現(xiàn)。

3 結(jié)束語(yǔ)

HTML5技術(shù)目前尚處在一個(gè)發(fā)展與完善的階段，但它是未來(lái)人機(jī)交互、人網(wǎng)交互等新型互聯(lián)網(wǎng)技術(shù)的希望，隨著移動(dòng)互聯(lián)網(wǎng)應(yīng)用不斷推動(dòng)著技術(shù)整合、設(shè)備兼容，HTML5開(kāi)發(fā)標(biāo)準(zhǔn)會(huì)成為未來(lái)的主流標(biāo)準(zhǔn)。HTML5的終極使命是W3C在2022年正式發(fā)布標(biāo)準(zhǔn)，屆時(shí)將徹底改變現(xiàn)有的互聯(lián)應(yīng)用模式，將會(huì)給人類創(chuàng)建一個(gè)更成熟、更多元化、更和諧的綜合應(yīng)用平臺(tái)。

參 考 文 獻(xiàn)

[1] 尤勝.HTML5的移動(dòng)互聯(lián)應(yīng)用初探[J].電子世界，2014

（4）：2-3.

[2] 鐘麗萍.展望HTML5的發(fā)展[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2012（13）：153-153.

[3] 中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心.CNNIC第37次調(diào)查報(bào)告[R/OL].http：//www.cnnic.com.cn，2016，1.