--- title: HTML5 slug: orphaned/Web/Guide/HTML/HTML5 translation_of: Web/Guide/HTML/HTML5 original_slug: Web/Guide/HTML/HTML5 ---

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

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

HTML5 簡介

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

HTML5 元素

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

支援 Canvas

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

給 Web 應用程式的新功能

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

DOM 新功能

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

HTML 解析器

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

其他

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

參考