HTML5

此文件需要編輯審查。

正在翻譯中。

HTML5 Demos

這個作品集 實作了許多 HTML 的最新技術,參考看看吧!

HTML5_Logo_128.png

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

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

HTML5 簡介

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

HTML5 元素

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

支援 Canvas

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

給 Web 應用程式的新功能

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

DOM 新功能

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

HTML 解析器

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

其他

  • HTML 文件中的 localNamenamespaceURI ,現在可以實作類似在 XML 文件中的行為:localName 傳回小寫字元,而 namespaceURI 對於 HTML 元素是 "http://www.w3.org/1999/xhtml"
  • 當頁面 URI 的片段標示 (在 "#" (hash) 字元之後的部份)有變更時,新的 hashchange 事件會被送至該頁面。 請參考 window.onhashchange
  • 支援 element.classList ,可以更方便處理 class 屬性。
  • 文件就緒事件 document.onreadystatechange 以及 document.readyState 也被支援了。
  • Colors in presentation attributes are interpreted according to HTML5.

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

參考

Document Tags and Contributors

Contributors to this page: alk03073135, wildsky, teoli, vigia122, sailplaneTW, Kennyluck, Dwchiang
最近更新: alk03073135,