HTML5

Table of contents

  1. 1. HTML5 簡介
  2. 2. HTML5 元素
    1. 2.1. 支援 Canvas
  3. 3. 給 Web 應用程式的新功能
  4. 4. DOM 新功能
  5. 5. HTML 解析器
  6. 6. 其他
  7. 7. 有些人自以為它是 HTML5 的一部分...XD
  8. 8. 參考
Page Notifications Off

HTML5 是 HTML 標準中的最新進化版本。在 HTML5 規格還未最後拍板定案之前，Mozilla 以及其他瀏覽器開發商已經著手實現其中的部分功能。本文所列的連結網址與相關內容，是 Mozilla  Gecko 解析引擎已經支援的部份，Firefox 和許多其他產品都使用 Gecko 解析引擎。

(這裡是 另一篇 HTML5 分類整理文章。)

HTML5 簡介

HTML5 簡介
這篇文章介紹如何在你的網頁設計或 Web 應用程式中使用 HTML5。

HTML5 元素

使用 audio 和 video Requires Gecko 1.9.2
Firefox 3.5 開始支援 HTML5 <audio> 和 <video> 兩個元素。
HTML5 表單 Requires Gecko 2.0
簡單介紹 HTML5 對於 Web 表單的改進項目：限制條件與驗證 API、多個新增的屬性、新增多個值供 <input> 的 type 屬性使用，並且新增 <output> 元素。
Sections 和 outlines Requires Gecko 2.0
HTML5 對於大綱與分段的支援元素包含有： <section> 、<article> 、<nav> 、<header> 、<footer> 、<aside> 以及 <hgroup> 。
元素 <mark> Requires Gecko 2.0
元素 mark 被用在標註特別相關的重點文字。
元素 <figure> 和 <figcaption> Requires Gecko 2.0
These elements lets you add figures and illustration, with an eventual caption, loosely coupled to the main text.

支援 Canvas

Canvas 導覽 Requires Gecko 1.8.1
 學習如何使用新的 <canvas> 元素，以及如何在 Firefox 中繪製圖表與其他物件。
給 <canvas> 元素的 HTML5 文字(text) API Requires Gecko 1.9.1
<canvas> 元素現在已經支援 HTML5 文字(text) API。

給 Web 應用程式的新功能

Firefox 中的離線資源(含 HTML5 Application Cache 介紹)  Requires Gecko 1.9.1
Firefox 完整支援 HTML5 離線資源規格。
上線與離線事件 (Online and offline events) Requires Gecko 1.9
Firefox 3 支援 WHATWG 的上線與離線事件，這讓應用程式與擴充套件可以偵測目前是否有可用的 Internet 連線，也可以偵測何時建立或結束這個網路連線。
WHATWG 用戶端 session 與持續性儲存 (persistent storage) (亦稱 DOM 儲存) Requires Gecko 1.8.1
用戶端 session 與持續性儲存功能，讓 web 應用程式可以在用戶端儲存結構性資料。
屬性 contentEditable ，將你的網站變成 wiki ! Requires Gecko 1.9.1
HTML5 已經將 contentEditable 屬性標準化。學習更多這個新功能。
在 web 應用程式中存取檔案 Requires Gecko 1.9.2
Gecko 已經支援新的 HTML5 檔案 API，讓 web 應用程式可以存取使用者所選的本地端檔案。這個功能也包含使用檔案類型的輸入元素 <input>   type file 的新屬性 multiple 來選取多個檔案。

DOM 新功能

getElementsByClassName New in Firefox 3
支援 Document 與 Element 節點的 getElementsByClassName 方法。這個方法允許藉由指定的一個或多個 class 尋找頁面中的元素。
拖曳功能 (Drag and drop) New in Firefox 3.5
HTML5 拖曳 API 支援在一個或多個網站之間拖曳物件。也提供了一個更簡化的 API 供擴充套件與 Mozilla-based 應用程式使用。
HTML Focus 管理 New in Firefox 3
支援新的 HTML5 屬性：activeElement 與 hasFocus 。
Web-based 協定處理器 New in Firefox 3
你現在可以使用 navigator.registerProtocolHandler() 方法將 web 應用程式註冊成協定處理器 (protocol handlers)。

HTML 解析器

Gecko 的 HTML5相容解析器 — 負責將一份 HTML 文件字元們轉化為 DOM — 已經於 2010 年五月預設為啟用。（備忘：該 HTML5 解析器版本搭載於 Gecko 1.9.2 / Firefox 3.6 當中，是個不穩定的版本，並且不建議用於正式使用環境。） New in Firefox 4

其他

有些人自以為它是 HTML5 的一部分...XD

標籤 (0)

Edit tags
  • No tags

附件 (0)

 

附加檔案