傅瑤
摘 要:HTML是互聯(lián)網(wǎng)上應(yīng)用最廣泛的語(yǔ)言,得到了業(yè)界大力支持,已經(jīng)成為WEB發(fā)展的標(biāo)準(zhǔn)。它強(qiáng)大了對(duì)多媒體的支持力度和遠(yuǎn)程與本地對(duì)數(shù)據(jù)的處理能力,本文對(duì)HTML5的新特性進(jìn)行了總結(jié),分析了該語(yǔ)言在移動(dòng)端的運(yùn)用優(yōu)勢(shì)。
關(guān)鍵詞:HTML5;WEB開(kāi)發(fā)
HTML超級(jí)文本標(biāo)記語(yǔ)言是Hyper Text Markup Language的縮寫(xiě),結(jié)構(gòu)包括頭(head)部分、主體(body)部分,頭部分提供網(wǎng)頁(yè)的相關(guān)信息,主體部分包括網(wǎng)頁(yè)顯示的具體內(nèi)容。Html5是超文本標(biāo)記語(yǔ)言的第五次重大修改,萬(wàn)維網(wǎng)聯(lián)盟在2014年10月29日宣布該標(biāo)準(zhǔn)規(guī)范制定完成,其主要目的是要將互聯(lián)網(wǎng)語(yǔ)義化,以便能更好地被用戶和機(jī)器理解,并提供更強(qiáng)大的各類(lèi)媒體的支持能力,當(dāng)上所有主流瀏覽器如Firefox、Ie9、Safari、Chrome等均支持該標(biāo)準(zhǔn)。
一、HTML5新增特性
相較于之前的HTML4,HTML5新增加了一些運(yùn)用規(guī)則,這些規(guī)則基于HTML、CSS、DOM以及JavaScript,在錯(cuò)誤處理方面得到了提升,同時(shí)減少了對(duì)外部插件的需要,新增了一些語(yǔ)議化的標(biāo)簽,對(duì)于移動(dòng)設(shè)備而言更適宜。HTML5在網(wǎng)頁(yè)表達(dá)和應(yīng)用上更能滿足開(kāi)發(fā)人員的需求,新增加了一些特殊的內(nèi)容元素,如article、footer、header、nav、section,新的表單控件,如calendar、date、time、email、url、search,更支持音視頻的video和audio元素,用于繪畫(huà)的canvas元素,結(jié)合JavaScript語(yǔ)言更好地支持用戶本地離線存儲(chǔ)。
HTML5文件在第一行的聲明文檔中更簡(jiǎn)潔,聲明方式只需如下代碼,之前多行的聲明方式將失效:
<!DOCTYPE html>
在網(wǎng)頁(yè)文件中添加CSS和JavaScript 文件無(wú)需再link時(shí)添加Type屬性指定文件類(lèi)型,代碼簡(jiǎn)化如下:
在聲明文件的”header”和”footer”部分時(shí),不需再用DIV標(biāo)簽來(lái)引導(dǎo),可直接引用
HTML5極大的提高了對(duì)多媒體元素的支持,以前在瀏覽網(wǎng)頁(yè)時(shí),如遇有音視頻,網(wǎng)頁(yè)就會(huì)提示用戶安裝各類(lèi)插件,在換用另一個(gè)瀏覽器訪問(wèn)時(shí),又需重新下載安裝插件。這些插件給WEB訪問(wèn)用戶帶來(lái)不便時(shí)還存在安全隱患。HTML5引入的
用戶想要直接在網(wǎng)頁(yè)上進(jìn)行繪圖在HTML5之前是無(wú)法實(shí)現(xiàn)的,
WEB一直以來(lái)都沒(méi)有實(shí)現(xiàn)過(guò)真正的本地存儲(chǔ),雖然在頁(yè)面訪問(wèn)后瀏覽器會(huì)保留少量的cookie,但從數(shù)據(jù)量和時(shí)效性等方面都完全不能和原生應(yīng)用相較。HTML5新增了Web Storage功能,它能為每個(gè)網(wǎng)站提供更多的緩存數(shù)據(jù)和訪問(wèn)速度,并得到主流瀏覽器的支持。
富互聯(lián)網(wǎng)的深入應(yīng)用,用戶隨時(shí)都需要查找身邊的商鋪,這就需要結(jié)合自身地理位置的準(zhǔn)確定位,谷歌地圖和百度地圖都有提供定位的功能,但這種方式存在地理誤差,不法適應(yīng)移動(dòng)設(shè)備。HTML5 Geolocation API(地理位置應(yīng)用程序接口)可以獲取基于瀏覽器的當(dāng)前用戶地理位置,使用方法也非常簡(jiǎn)單,只需要使用地理數(shù)據(jù)的WEB程序中插入就可實(shí)現(xiàn)功能擴(kuò)展。
二、HTML5在移動(dòng)端的應(yīng)用
隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展,手機(jī)上網(wǎng)成為最大的網(wǎng)絡(luò)群體,生活被各類(lèi)手機(jī)應(yīng)用程序所改變,在設(shè)備硬件支撐能力有限,功能需要越來(lái)越大,應(yīng)用程序越來(lái)越復(fù)雜的環(huán)境下,移動(dòng)應(yīng)用程序成為開(kāi)發(fā)人員的轉(zhuǎn)戰(zhàn)方向。
WEB瀏覽的運(yùn)行環(huán)境是瀏覽器,移動(dòng)端的WEB可以運(yùn)行在移動(dòng)瀏覽器上,也可運(yùn)行在各種框架上。移動(dòng)瀏覽器是系統(tǒng)自帶的,不需要發(fā)布,隨著系統(tǒng)升級(jí)而更新,而移動(dòng)JavaScript框架則解決了交互集成和Touch問(wèn)題,降低開(kāi)發(fā)門(mén)檻,適合快速開(kāi)發(fā)。
三、結(jié)語(yǔ)
HTML5伴隨著爭(zhēng)議而生,但又以強(qiáng)大的實(shí)力征服各應(yīng)用領(lǐng)域,它正在改變著WEB。在APP充斥的互聯(lián)網(wǎng)世界里,相信HTML5技術(shù)提供的移動(dòng)WEB應(yīng)用將引導(dǎo)互聯(lián)網(wǎng)應(yīng)用產(chǎn)業(yè)良性發(fā)展。