HTML5在 Web開發(fā)中的應(yīng)用

李文靜 葉璐琳 呂帥

摘要：移動(dòng)互聯(lián)網(wǎng)在人們的生活中扮演著越來越重要的角色，為適應(yīng)不斷發(fā)展的Web技術(shù)的應(yīng)用需求，各種基于HTML5技術(shù)的移動(dòng)應(yīng)用大量涌現(xiàn)。歸納總結(jié)出HTML5的應(yīng)用特點(diǎn)和技術(shù)應(yīng)用優(yōu)勢(shì)，有利于Web程序員在應(yīng)用中充分發(fā)揮和利用HTML5的新特點(diǎn)，更有效的應(yīng)用基于HTML5程序的開發(fā)工具。

關(guān)鍵詞：HTML5;數(shù)據(jù)存儲(chǔ);Web開發(fā)

引言

HTMLS以Web平臺(tái)為基礎(chǔ)，可以跨平臺(tái)、不受終端產(chǎn)品和操作系統(tǒng)的限制，應(yīng)用開發(fā)人員無需為相同應(yīng)用開發(fā)多種版本，減少了開發(fā)與維護(hù)工作量，激發(fā)了開發(fā)人員的工作熱情。用戶就可以更加高效、快捷地使用不同移動(dòng)設(shè)備。在不同os上使用同一應(yīng)用體驗(yàn)也不會(huì)區(qū)別很大，對(duì)Web應(yīng)用的推廣與使用有非常大的幫助。以HTML5技術(shù)為依托，跨平臺(tái)的軟件應(yīng)用架構(gòu)可以設(shè)計(jì)符合桌面計(jì)算機(jī)、平板電腦、智能電視、 智能手機(jī)等的Web應(yīng)用。

一、HTML5的應(yīng)用特點(diǎn)

1.存在語義結(jié)構(gòu)化標(biāo)簽，如具有語義的結(jié)構(gòu)化標(biāo)簽：包括section，article、header 、navigation， footer 、hgroup、aside等，使得HTML5在文檔結(jié)構(gòu)上較HTML4.01更加清晰和易讀。

2.可有效支持離線存儲(chǔ)，session Storage和local Storage提 供與cookies相似的功能;lIndexedDB幫助Web應(yīng)用存儲(chǔ)復(fù)雜結(jié)構(gòu)的數(shù)據(jù);ffline App Cache將資源文件緩存到本地，使用戶在離線狀態(tài)下也能使用Web AP，為開發(fā)離線的移動(dòng)Web App奠定了基礎(chǔ)。

3. 豐富多媒體的能力，即增強(qiáng)的多媒體能力：HTML 5大大提高了We應(yīng)用中的視頻和音頻，圖形，字體，和數(shù)學(xué)公式的其它方面的性能，例如2D、3D繪圖渲染的強(qiáng)大能力可以通過HTML 5的畫布（Canvas）特性實(shí)現(xiàn);在網(wǎng)頁中，不需使用Adobe Flash，微軟Silver light等 私有插件和協(xié).議等，就可以利用HTML5中的<audio>、 <video> 標(biāo)簽直接播放音頻、視頻文件。

4.應(yīng)用API，移動(dòng)WebApp中存在的API函數(shù)有利于保障終端設(shè)備的整體能力，這些函數(shù)主要包括攝像頭API，通訊錄API，各種傳感器API等。

5.多線程并發(fā)：HTML5新增了Web Workers組件，該特性彌補(bǔ)了Web App以往只能單線程運(yùn)行的短板，使得Web操作可以并行的，多線程的執(zhí)行。

二、HTML5的技術(shù)應(yīng)用優(yōu)勢(shì)

1.最移動(dòng)化的開發(fā)工具

移動(dòng)互聯(lián)技術(shù)的應(yīng)用將成為現(xiàn)在流行的生活模式，也是一種時(shí)尚，當(dāng)移動(dòng)互聯(lián)設(shè)備（如： 手機(jī)）廣泛應(yīng)用時(shí)，訪問網(wǎng)站和Web的頻次迅速增長(zhǎng)，HTML5迎合了這種需要，使用HTML5來開發(fā)Web應(yīng)用將會(huì)變得簡(jiǎn)單而流行。

制作手機(jī)版網(wǎng)站時(shí)，需要界面簡(jiǎn)潔，充分利用手機(jī)的方寸屏幕，HTMH5 的Meta標(biāo)簽用來提供頁面信息，Meta的一組標(biāo)簽會(huì)讓編程者得心應(yīng)手，做出適合于移動(dòng)終端的網(wǎng)頁.

2.HTML5支持跨瀏覽器

目前較為流行的瀏覽器，比如： IE9、Firefox、 Chrome、 Safari 等，都支持HTML5，甚至很低版本的IE6都可以使用.難能可貴的是HTML5充分吸取了之前版本的經(jīng)驗(yàn)，本著向下兼容的原則，對(duì)之前基于低版本的IE 瀏覽器開發(fā)的網(wǎng)頁，只要添加JAVASCRIPT代碼便可以使用新的元素。

3.更易于開發(fā)互動(dòng)應(yīng)用

我們?cè)跒g覽網(wǎng)頁時(shí)，往往更容易被那些互動(dòng)項(xiàng)目所吸引，HTML5也充分考慮到了這一點(diǎn).在HTML5提供的大量API （Application Programming Interface， 應(yīng)用程序編程接口）中，有一部分專為開發(fā)互動(dòng)應(yīng)用而設(shè)計(jì)，如： Drag and Drop、Offline storage database、 Browser historymanagement、Document editing和Timed media playback等.這些都是有關(guān)交互式網(wǎng)頁開發(fā)的API.使用這些程序接口，程序員很方便開發(fā)出交互式的網(wǎng)頁，這也是HTML5的魅力之一.

4.最優(yōu)化的存儲(chǔ)方式

HTML5設(shè)計(jì)了一個(gè)很聰明的存儲(chǔ)方式，它把用戶信息及緩存數(shù)據(jù)保存在用戶的瀏覽器中，建立了一個(gè)客戶端的數(shù)據(jù)庫，也就是本地存儲(chǔ)數(shù)據(jù)庫.這樣設(shè)計(jì)的優(yōu)點(diǎn)在于存取速度快，安全性高.當(dāng)用戶加載上一次的應(yīng)用狀態(tài)時(shí)，更能體驗(yàn)到優(yōu)越的性能，并且，這一技術(shù)不需要第三方插件，同時(shí)支持所有主流瀏覽器.而早期的版本更多是使用Cookie技術(shù)，關(guān)閉瀏覽器后Cookie 將被刪除.使用HTML5開發(fā)的Web程序，用戶完全不需要有這種擔(dān)心，

5.更多的多媒體效果

HTML5有兩個(gè)專門的標(biāo)簽用于多媒體網(wǎng)頁的設(shè)計(jì)，Video 用于訪問視頻資源，Audio 標(biāo)簽用于訪向視音頻資源.使用HTML5開發(fā)Web應(yīng)用時(shí)，< video>和<audio>將視頻和音頻基本上視為圖片，因而可以省略很多繁雜的參數(shù)設(shè)置.

使用HTML5可以很好的替代Flash和Silverlight.較少的插件應(yīng)用將提高運(yùn)行效率

三、HTML5的發(fā)展前景

雖然在傳統(tǒng)的PC網(wǎng)頁上，中國(guó)的HTML 5普及看起來困難重重，但是HTML 5在移動(dòng)終端的普及卻早已開始。有很多網(wǎng)媒認(rèn)為HTML 5的普及可以拯救傳統(tǒng)的媒體。而由于HTML 5在中國(guó)的火熱，很大程度上促進(jìn)了這方面人才的培養(yǎng)，人才的出現(xiàn)，又使得媒體可以更加重視這方面的投人，從而產(chǎn)生良性循環(huán)。可以說，所有的媒體對(duì)于HTML 5的贊揚(yáng)聲都是大于批評(píng)的，對(duì)于這樣一個(gè)新興的標(biāo)準(zhǔn)，開發(fā)者們都給予了熱烈的期望。但我們也要冷靜看待，任何- -種新技術(shù)的應(yīng)用都要有漫長(zhǎng)的過程，除了需要業(yè)界執(zhí)行統(tǒng)一的標(biāo)準(zhǔn)外，還有很多現(xiàn)實(shí)問題需要解決。最終，決定產(chǎn)品好壞的并不是你采用了多么先進(jìn)的技術(shù)，而是最后你達(dá)到的結(jié)果能否得到用戶的親睞，以用戶的使用感覺最為標(biāo)準(zhǔn)才是最終極的標(biāo)準(zhǔn)。

參考文獻(xiàn)

[1]李世滿，基于HTMLS web技術(shù)APP快速開發(fā)研究--以移動(dòng)辦公APP軟件開發(fā)為藍(lán)本[J].電腦知識(shí)與技術(shù)，2016， 12（03）：81-82.

[2]李東博. HTML5+CSS3 從入門到精通[M]. 北京：清華大學(xué)出版社，2013.