HTML5—APP手機(jī)網(wǎng)站開發(fā)技巧的應(yīng)用

[摘 要] 移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展和普及，帶動(dòng)移動(dòng)設(shè)備走向了更廣泛的市場(chǎng)，在人們的生活中占據(jù)著越來越重要的作用，與此同時(shí)，APP的開發(fā)與應(yīng)用也成為一項(xiàng)很重要的工作，為了滿足人們對(duì)它開發(fā)的Web APP適用于各種移動(dòng)設(shè)備和操作系統(tǒng)的需求，基于HTML5的移動(dòng)應(yīng)用大量涌現(xiàn)，從HTML5的優(yōu)勢(shì)以及HTML5-App的定義及特點(diǎn)出發(fā)，簡(jiǎn)單介紹了HTML5-APP 手機(jī)網(wǎng)站開發(fā)的種類以及技巧。

[關(guān) 鍵 詞] HTML5；手機(jī)網(wǎng)站；開發(fā)技巧

[中圖分類號(hào)] G712 [文獻(xiàn)標(biāo)志碼] A [文章編號(hào)] 2096-0603（2017）26-0177-01

移動(dòng)互聯(lián)網(wǎng)技術(shù)是一種新型技術(shù)，將手機(jī)和互聯(lián)網(wǎng)技術(shù)相結(jié)合。移動(dòng)互聯(lián)網(wǎng)最顯著的特點(diǎn)就是移動(dòng)性，通過移動(dòng)設(shè)備，人們隨時(shí)隨地可以獲取想要得到的信息[1]。同時(shí)，移動(dòng)操作系統(tǒng)呈現(xiàn)iOS、Android、Windows Mobile等多個(gè)系統(tǒng)共存的局面，開發(fā)者如果要迅速地開發(fā)某種應(yīng)用，就需要一種高效且通用的開發(fā)技術(shù)，且對(duì)Web開發(fā)提出了進(jìn)一步的新的需求和挑戰(zhàn)。HTML5技術(shù)的各種新特性和跨平臺(tái)特點(diǎn)正好迎合了移動(dòng)平臺(tái)多樣性的需要，使用HTML5技術(shù)將使快速開發(fā)各種移動(dòng)互聯(lián)網(wǎng)應(yīng)用成為可能，從而更好地促進(jìn)了移動(dòng)互聯(lián)網(wǎng)的發(fā)展和移動(dòng)應(yīng)用的推陳出新。

早期的HTML在非常長(zhǎng)的時(shí)間內(nèi)被人們認(rèn)為是一種效率低下且功能簡(jiǎn)單的網(wǎng)頁開發(fā)技術(shù)。HTML5的誕生，為移動(dòng)Web功能提供了更多的支持和可能。HTML5標(biāo)準(zhǔn)草案最初發(fā)布于2008年，而后被各大瀏覽器廠商跟進(jìn)，包括Chrome、IN/OperaSafari等。

一、HTML5的優(yōu)點(diǎn)

1.HTML語言是當(dāng)前網(wǎng)站編程最為廣泛使用的語言，具有易用、快捷、跨瀏覽平臺(tái)等特點(diǎn)。HTML5彌補(bǔ)了上一代HTML的不足。

2.HTML的開發(fā)及維護(hù)成本低。頁面小而減少了用戶不必要的流量支出；耗電量低，延長(zhǎng)了用戶的待機(jī)時(shí)間；使用中直接更新離線緩沖模式，方便用戶升級(jí)。

3.HTML5的開發(fā)過程基本上是站在瀏覽器肩膀上進(jìn)行的，方便跨平臺(tái)移植，所有解析均在客戶端瀏覽器上完成，徹底解決了設(shè)備差異造成的開發(fā)難題。

二、HTML5具有的巨大優(yōu)勢(shì)

（1）“一次開發(fā)，多平臺(tái)使用”是對(duì)HTML5快速開發(fā)應(yīng)用的最準(zhǔn)確概括。（2）HTML5使固定端與移動(dòng)端的連接成為可能，它們不再只是兩個(gè)單獨(dú)的個(gè)體，這使資源和數(shù)據(jù)得以更好地共享與傳遞。（3）豐富了應(yīng)用發(fā)布的渠道和方式。（4）豐富了盈利的模式和方法。

三、HTML5-APP的定義

Web App是一種新的應(yīng)用安裝和使用方法，區(qū)別于傳統(tǒng)的Native App安裝方法。用戶可以直接通過APP鏈接在手機(jī)瀏覽器上打開相應(yīng)的應(yīng)用網(wǎng)址，生成快捷方式，瀏覽器自動(dòng)下載離線緩沖就可以使用了，這種方式即開即用，方便靈活，能為用戶帶來全新體驗(yàn)。

四、HTML5-APP的特點(diǎn)

HTML5的強(qiáng)勢(shì)發(fā)展、智能手機(jī)的迅速普及，以及優(yōu)質(zhì)的用戶體驗(yàn)都極大地促進(jìn)了Web App的發(fā)展。與Native App相比，Web App開發(fā)具有諸多優(yōu)勢(shì)[2]。首先，無需下載安裝，只需瀏覽器即可使用；其次，一次開發(fā)多次使用，App開發(fā)成本低，方便發(fā)布；再次，APP升級(jí)的過程得到極大簡(jiǎn)化。最后，從根本上來說，它就是一個(gè)站點(diǎn)，所以維護(hù)的過程也并不復(fù)雜，就如同一般的網(wǎng)頁。

五、HTML5-APP手機(jī)網(wǎng)站開發(fā)技巧的應(yīng)用

基本上開發(fā)手機(jī)網(wǎng)站，可大致分為兩大類。一類是用框架開發(fā)手機(jī)網(wǎng)站，一類是自己手寫網(wǎng)站。

（一）框架開發(fā)手機(jī)網(wǎng)站

通常來講，開發(fā)一個(gè)完整的Web應(yīng)用設(shè)計(jì)到的前端技術(shù)包括UI框架、mvc框架和工具庫(kù)。很多大型的前端框架如YUI、closure Library和Dojo等會(huì)包含上面這些東西。在UI層上，目前已經(jīng)有許多框架可供選擇。BootStrap、jquery monile和Foundation是其中的代表。

如果希望基于HTML5來開發(fā)界面，但是又需要訪問移動(dòng)操作系統(tǒng)未開放給瀏覽器的功能，那么可以嘗試一些平臺(tái)兼容層的功能（如phonegap），PhoneGap是一個(gè)免費(fèi)的開源移動(dòng)框架。它能夠讓W(xué)eb技術(shù)HTML、JS和CSS創(chuàng)建跨平臺(tái)的移動(dòng)應(yīng)用。

（二）手寫手機(jī)網(wǎng)站

基本上可以劃分為兩類。一類是通過在HTML5的網(wǎng)頁頭部添加meta標(biāo)簽進(jìn)行實(shí)現(xiàn)。另一類是通過CSS3的Media標(biāo)簽來實(shí)現(xiàn)。

CSS主要用于在網(wǎng)頁制作時(shí)，對(duì)頁面中的元素進(jìn)行樣式設(shè)置，從外觀和格式上進(jìn)行控制，使頁面的布局、字體、顏色和其他效果更完美。CSS3是CSS技術(shù)的升級(jí)版本，朝著模塊化發(fā)展，加入了更多新的模塊。

六、結(jié)語

HTML5技術(shù)的不斷發(fā)展面臨著機(jī)遇和挑戰(zhàn)，但目前移動(dòng)Web App的開發(fā)與應(yīng)用越來越受到歡迎，市場(chǎng)前景較好。相信在未來HTML5將會(huì)有更加廣闊的發(fā)展空間，為用戶帶來全新的體驗(yàn)。隨著時(shí)代的進(jìn)步和網(wǎng)絡(luò)技術(shù)的發(fā)展，一場(chǎng)重大的網(wǎng)絡(luò)變革正在醞釀，并將在不久的將來向我們席卷而來，只有順應(yīng)時(shí)代的發(fā)展，不斷進(jìn)步，積極創(chuàng)新，才能跟上時(shí)代發(fā)展的步伐。

參考文獻(xiàn)：

[1]楊棟梁.移動(dòng)互聯(lián)網(wǎng)發(fā)展趨勢(shì)的研究[J].電腦知識(shí)與技術(shù)，2015（5）：1039-1042.

[2]黃海玲.HTML5Web技術(shù)下的APP快速開發(fā)分析[J].無線互聯(lián)科技，2016（8）：59-62.