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