天天看點

HTML5 是對 HTML 标準的第五次修訂。

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) 。

  1. 資料庫名稱
  2. 版本号
  3. 描述文本
  4. 資料庫大小
  5. 建立回調

    第五個參數,建立回調會在建立資料庫後被調用。

HTML5 應用程式緩存

使用 HTML5,通過建立 cache manifest 檔案,可以輕松地建立 web 應用的離線版本。

什麼是應用程式緩存(Application Cache)?:

HTML5 引入了應用程式緩存,這意味着 web 應用可進行緩存,并可在沒有網際網路連接配接時進行通路。

應用程式緩存為應用帶來三個優勢:

  1. 離線浏覽 - 使用者可在應用離線時使用它們
  2. 速度 - 已緩存資源加載得更快
  3. 減少伺服器負載 - 浏覽器将隻從伺服器下載下傳更新過或更改過的資源。

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 事件指的是網頁自動擷取來自伺服器的更新。

以前也可能做到這一點,前提是網頁不得不詢問是否有可用的更新。通過伺服器發送事件,更新能夠自動到達。