正文 HTML5核心技術研究(1 / 2)

HTML5核心技術研究

行業科技

作者:臧金梅 趙憲華 孫燦

【摘要】隨著信息技術的迅速發展,移動互聯網在生活中的重要性越來越明顯,人們使用互聯網的方式也在發生巨大的變化,HTML5 應運而生。雖然目前仍處於開發中,但html5引入的新標簽,新API等特性已經開始成為網頁開發的新工具並得到了主流瀏覽器的支持,而其整體的技術輪廓已展現在開發人員麵前。

【關鍵詞】html 5 canvas API

HTML5是用以描述網頁文檔的超文本標記語言。其前身為網頁超文本技術工作小組開發的Web Application 1.0,後為W3C理事會所吸納為下一代的HTML標準。雖然目前仍處於開發中,其所發布的版本為未定稿的草案,但HTML5的技術細節愈來愈為市場與WEB開發人員所關注,並被認為將極大地影響互聯網的發展方向。本文將試分析HTML5的新特性、核心技術及技術前景。

一、HTML5的新特性

HTML5是HTML的最新標準,目前被廣泛應用於各智能移動終端設備,被各種最新版本的移動瀏覽器所支持。從廣義的角度來討論,HTML5實際上是指一係列用於開發網絡應用的最新技術的集合,它包括HTML、CSS3、JavaScript以及一係列全新的API。HTML5技術希望能夠減少瀏覽器對插件如Adobe Flash、Microsoft Silverlight等的依賴,並提供更多的能有效增強網絡應用的標準集。它新增的很多特性對移動互聯網發展具有重要的促進作用。其中離線緩存為HTML5開發移動應用提供了基礎;音頻視頻的自由嵌入,讓多媒體形式更為靈活;地理定位,讓用戶隨時隨地分享位置;Canvas繪圖,提升移動平台的繪圖能力;豐富的交互方式讓提升用戶體驗等等。

(1)離線緩存。HTML5推出的“Web Storage”(Web存儲)API,它包括localStorage和sessionStorage,可以存儲簡單對象,使用本地和會話存儲能夠很好地完成。按照生命周期分為兩種,一種是基於會話session,這種存儲周期隻是當前會話,當網頁關閉後,或者轉到其他網站後,存儲自動銷毀。另一種是本地存儲localStorage,當網頁下次被打開的時候,仍然可以訪問上次打開該網頁時存儲的數據,比如本地存儲的網站用戶名就可以使用這種方式。

(2)音頻、視頻。HTML5裏新增了視頻和音頻的元素,為開發者提供了一套通用的、集成的、腳本式的處理音頻與視頻的API,而無需安裝任何插件。在移動設備上,原生應用對於音視頻和文字圖片混排的內容( 如微博) 處理起來相當不便利和低效,其對不同的素材元素需要使用不同的組件來處理。而在HTML5頁麵上,音頻和視頻可以自由嵌入,不需要對個別素材采取特殊的處理方式。

(3)地理定位。地理定位能夠指出用戶所處的地理位置,這將充分發揮移動設備的特點,滿足基於位置服務應用的需要。HTML5的地理定位API通過綜合利用GPS、IP地址、Wi-Fi熱點等方式,使定位更加準確、靈活,成功克服隻用GPS定位和基站位的缺陷。