mozilla
您的搜尋結果

    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:
    最近更新: wildsky,