H5這個詞,來自”HTML5”, 所謂“HTML5”, 是指“HTML"的第5個版本,而"HTML”, 則是指描述網頁的標準語言。
幾乎所有在線的應用類網站,本質上都是一個"H5”。H5頁面簡單的說就是利用html5制作出來的頁面,利用圖片、文字、動畫、音樂等方式融合在一起來表達某種藝術效果或者推廣效果。
新特性
HTML5將Web帶入一個成熟的應用平臺,在這個平臺上,視頻、音頻、圖像、動畫以及與設備的交互都進行了規范。
1、智能表單
表單是實現用戶與頁面后臺交互主要組成部分,HTML5在表單的設計上功能更加強大。input類型和屬性的多樣性大大地增強了HTML可表達的表單形式。
再加上新增加的一些表單標簽,使得原本需要JavaScript來實現的控件,可以直接使用HTML5的表單來實現;一些如內容提示、焦點處理、數據驗證等功能,也可以通過THML5的智能表單屬性標簽來完成。
2、繪圖畫布
HTML5的canvas元索可以實現畫布功能,該元索通過自帶的API結合使用JavaScript腳本語言在網頁上繪制圖形和處理,擁有實現繪制線條、弧線以及矩形,用樣式和顏色填充區域,書寫樣式化文本,以及添加圖像的方法,且使用JavaScript可以控制其每一個像素。
HTML5的canvas元索使得瀏覽器無需Flash或Silverlight等插件就能直接顯示圖形或動畫圖像。
3、多媒體
HTML5最大特色之一就是支持音頻視頻,在通過增加了
HTML5對音頻、視頻文件的支持使得瀏覽器擺脫了對插件的依賴,加快了頁面的加載速度,擴展了互聯網多媒體技術的發展空間。
4、地理定位
現今移動網絡備受青睞,用戶對實時定位的應用越來,要求也越來越高。HTML5通過引入Geolocation的API可以通過GPS或網絡信息實現用戶的定位功能,定位更加準確、靈活。
通過HTML5進行定位,除了可以定位自己的位置,還可以在他人對你開放信息的情況下獲得他人的定位信息。
5、數據存儲
HTML5較之傳統的數據存儲有自已的存儲方式,允許在客戶端實現較大規模的數據存儲。為了滿足不同的需求,HTML5支持DOM Storage和Web SQL Database 兩種存儲機制。
其中,DOM Storage 適用于具有key/value對的基本本地存儲;而WebSQLDatabase是適用于關系型數據庫的存儲方式,開發者可以使用SQL語法對這些數據進行查詢、插入等操作。
6、多線程
HTML5利用Web Worker將Web應用程序從原來的單線程業界中解放出來,通過創建一個Web Worker對象就可以實現多線程操作。JavaScript創建的Web程序處理事務都是在單線程中執行,響應時間較長,而當JavaScript過于復雜時,還有可能出現死鎖的局面。
HTML5新增加了一個WebWorkerAPI,用戶可以創建多個在后臺的線程,將耗費較長時間的處理交給后臺面不影響用戶界面和響應速度,這些處理不會因用戶交互而運行中斷。使用后臺線程不能訪問頁面和窗口對象,但后臺線程可以和貞面之間進行數據交互。