HTML5
HTML5 是對 HTML 标準的第五次修訂。其主要的目标是将網際網路語義化,以便更好地被人類和機器閱讀,并同時提供更好地支援各種媒體的嵌入。HTML5 的文法是向後相容的。現在國内普遍說的 H5 是包括了 CSS3,JavaScript 的說法(嚴格意義上說,這麼叫并不合适,但是已經這麼叫開了,就将錯就錯了)。
:
HTML5是HTML最新的修訂版本,2014年10月由網際網路聯盟(W3C)完成标準制定。
HTML5的設計目的是為了在移動裝置上支援多媒體。
HTML5 中的一些有趣的新特性:
:用于繪畫的 canvas 元素。
:用于媒介回放的 video 和 audio 元素
http://www.iis7.com/b/wzjk/
:對本地離線存儲的更好的支援。
:新的特殊内容元素,比如 article、footer、header、nav、section。
:新的表單控件,比如 calendar、date、time、email、url、search。
一.HTML5 的改進
新元素
新屬性
完全支援 CSS3
Video 和 Audio
2D/3D 制圖
本地存儲
本地 SQL 資料
Web 應用
二.HTML5 多媒體
使用 HTML5 你可以簡單的在網頁中播放 視訊(video)與音頻 (audio) 。
- 資料庫名稱
- 版本号
- 描述文本
- 資料庫大小
-
建立回調
第五個參數,建立回調會在建立資料庫後被調用。
:
HTML5 應用程式緩存
使用 HTML5,通過建立 cache manifest 檔案,可以輕松地建立 web 應用的離線版本。
什麼是應用程式緩存(Application Cache)?:
HTML5 引入了應用程式緩存,這意味着 web 應用可進行緩存,并可在沒有網際網路連接配接時進行通路。
應用程式緩存為應用帶來三個優勢:
- 離線浏覽 - 使用者可在應用離線時使用它們
- 速度 - 已緩存資源加載得更快
-
減少伺服器負載 - 浏覽器将隻從伺服器下載下傳更新過或更改過的資源。
:
HTML5 Web Workers
web worker 是運作在背景的 JavaScript,不會影響頁面的性能。
什麼是 Web Worker?:
當在 HTML 頁面中執行腳本時,頁面的狀态是不可響應的,直到腳本已完成。
web worker 是運作在背景的 JavaScript,獨立于其他腳本,不會影響頁面的性能。您可以繼續做任何願意做的事情:點選、選取内容等等,而此時 web worker 在背景運作。
HTML5 伺服器發送事件(Server-Sent Events)
HTML5 伺服器發送事件(server-sent event)允許網頁獲得來自伺服器的更新。
Server-Sent 事件 - 單向消息傳遞:
Server-Sent 事件指的是網頁自動擷取來自伺服器的更新。
以前也可能做到這一點,前提是網頁不得不詢問是否有可用的更新。通過伺服器發送事件,更新能夠自動到達。