萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 關於HTML5的全面介紹

關於HTML5的全面介紹

這是一篇關於HTML5的全面介紹,主要講述了HTML的新規則,不同之處等。

HTML 5是近十年來Web開發標准最巨大的飛躍。和以前的版本不同,HTML 5並非僅僅用來表示Web內容,它的新使命是將Web帶入一個成熟的應用平台,在HTML 5平台上,視頻,音頻,圖象,動畫,以及同電腦的交互都被標准化。

什麼是 HTML5?

HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標准。

HTML 的上一個版本誕生於 1999 年。自從那以後,Web 世界已經經歷了巨變。

HTML5 仍處於完善之中。然而,大部分現代浏覽器已經具備了某些 HTML5 支持。

HTML5 是如何起步的?

HTML5 是 W3C 與 WHATWG 合作的結果。

注1:W3C 指 World Wide Web Consortium,萬維網聯盟。

注2:WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力於 web 表單和應用程序,而 W3C 專注於 XHTML 2.0。在 2006 年,雙方決定進行合作,來創建一個新版本的 HTML。

為 HTML5 建立的一些規則:

新特性應該基於 HTML、CSS、DOM 以及 JavaScript。

減少對外部插件的需求(比如 Flash)

更優秀的錯誤處理

更多取代腳本的標記

HTML5 應該獨立於設備

開發進程應對公眾透明

HTML5草案的前身名為Web Applications 1.0。於2004年被WHATWG提出, 於2007年被W3C接納,並成立了新的HTML工作團隊。在2008年1月22日,第一份正式草案已公布,預計將在2010年9月正式向公眾推薦。WHATWG表示該規范是目前正在進行的工作,仍須多年的努力。

新標記

HTML5提供了一些新的元素和屬性,例如(網站導航塊)和。這種標簽將有利於搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他浏覽要素提供了新的功能,如和標記。

一些過時的HTML4標記將被取消。其中包括純粹顯示效果的標記,如和

,它們已經被CSS取代。

新特性

HTML5 中的一些有趣的新特性:

用於繪畫的 canvas 元素

用於媒介回放的 video 和 audio 元素

對本地離線存儲的更好的支持

新的特殊內容元素,比如 article、footer、header、nav、section

新的表單控件,比如 calendar、date、time、email、url、search

浏覽器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。

HTML5: 標簽的改變

HTML5 吸取了 XHTML 2 的一些建議,包括一些用來改善文檔結構的功能,比如,新的 HTML 標簽 header, footer, dialog, aside, fugure 等的使用,將使內容創作者更加語義地創建文檔,之前的開發者在這些場合是一律使用 div 的。

HTML5 還包含了一些將內容和展示分離的努力,開發者們也許會驚訝,b 和 i 標簽依然存在,但它們的意義已經和之前有所不同,這些標簽的意義只是為了將一段文字標識出來,而不是為了為它們設置粗體或斜體式樣。u,font,center,strike 這些標簽則被完全去掉了。

新標准適用了一些全新的表單輸入對象,包括日期,URL,Email 地址,其它的對象則增加了對非拉丁字符的支持。HTML5 還引入了微數據,一種使用機器可以識別的標簽標注內容的方法,使語義 Web 的處理更為簡單。總的來說,這些與結構有關的改進使內容創建者可以創建更干淨,更容易管理的網頁,這樣的網頁對搜索引擎,對讀屏軟件等更為友好。

新應用程序接口(API)

除了原先的DOM接口,HTML5增加了更多API,如:

1. 用於即時2D繪圖的Canvas標簽

2. 定時媒體回放

3. 離線數據庫存儲

4. 文檔編輯

5. 拖拽控制

6. 浏覽歷史管理

與HTML 4的不同之處

新的解析順序新的元素:section, video, progress, nav, meter, time, aside, canvasinput元素的新屬性:日期和時間,email, url。新的通用屬性:ping, charset, async全域屬性:id, tabindex, repeat。移除元素:center, font, strike。

HTML 5有兩大特點:

首先,強化了Web網頁的表現性能。除了可描繪二維圖形外,還准備了用於播放視頻和音頻的標簽。

其次,追加了本地數據庫等Web應用的功能。

異常處理

HTML5(text/html)浏覽器將在錯誤語法的處理上更加靈活。HTML5在設計時保證舊的浏覽器能夠安全的忽略掉新的HTML5代碼。與HTML4.01相比,HTML5給出了解析的詳細規則,力圖讓不同的浏覽器即使在發生語法錯誤時也能返回相同的結果。

HTML 5 正在改變 Web

HTML5 是近十年來 Web 標准最巨大的飛躍。和以前的版本不同,HTML 5 並非僅僅用來表示 Web 內容,它的使命是將 Web 帶入一個成熟的應用平台,在這個平台上,視頻,音頻,圖象,動畫,以及同電腦的交互都被標准化。盡管 HTML 5 的實現還有很長的路要走,但 HTML 5 正在改變 Web。

HTML 最近的一次升級是1999年12月發布的 HTML 4.01。自那以後,發生了很多事。最初的浏覽器戰爭已經結束,Netscape 灰飛煙滅,IE5 作為贏家後來又發展到 IE6, IE7。Mozilla Firefox 從 Netscape 的死灰中誕生,並躍居第二位。蘋果和 Google 各自推出自己的浏覽器,而小家碧玉的 Opera 仍然嘤嘤嗡嗡地活著,並以推動 Web 標准為己命。我們甚至在手機和游戲機上有了真正的 Web 體驗,感謝 Opera,iPhone 以及 Google 已經推出的 Android。

然而這一切,僅僅讓 Web 標准運動變得更加混亂,HTML 5 和其它標准被束之高閣,結果,HTML 5 一直以來都是以草案的面目示人。

於是,一些公司聯合起來,成立了一個叫做 Web Hypertext Application Technology Working Group (Web 超文本應用技術工作組 - WHATWG) 的組織,他們將重新揀起 HTML 5。這個組織獨立於 W3C,成員來自 Mozilla, KHTML/Webkit 項目組,Google,Apple,Opera 以及微軟。盡管 HTML 5 草案不會在短期內獲得認可,但 HTML 5 總算得以延續。

HTML 5 將帶來什麼?以下是 HTML 5 草案中最激動人心的部分:

全新的,更合理的 Tag,多媒體對象將不再全部綁定在 object 或 embed Tag 中,而是視頻有視頻的 Tag,音頻有音頻的 Tag。本地數據庫。這個功能將內嵌一個本地的 SQL 數據庫,以加速交互式搜索,緩存以及索引功能。同時,那些離線 Web 程序也將因此獲益匪淺。不需要插件的富動畫。Canvas 對象將給浏覽器帶來直接在上面繪制矢量圖的能力,這意味著我們可以脫離 Flash 和 Silverlight,直接在浏覽器中顯示圖形或動畫。一些最新的浏覽器,除了 IE,已經開始支持 Canvas。浏覽器中的真正程序。將提供 API 實現浏覽器內的編輯,拖放,以及各種圖形用戶界面的能力。內容修飾 Tag 將被剔除,而使用 CSS。理論上講,HTML 5 是培育新 Web 標准的土壤,讓各種設想在他的組織者之間分享,但 HTML 5 目前仍處於試驗階段。

Mozilla 的技術副總裁 Mike Shaver 說,HTML 5 是一個被寄予厚望的概念,它既是 WHATWG 組織的實驗田,又是 W3C 的標准之路。

Shaver 認為,Mozilla 的興趣和 WHATWG 實驗相吻合,Mozilla 在 HTML 5 工作組中非常活躍,我們對一些早期的細則進行實驗並將成熟的結果提交 W3C。

在過去的幾年,Mozilla 隨著各種出現的新標准,推出多個富有前瞻性的項目,包括 Prism,一個用於離線運行 Web 程序的系統,以及 Weave,一個數據存儲框架。

Shaver 說,HTML 5 運動肇始於對 W3C 的不耐煩,Web 標准中的很多進展都因 W3C 將重點從 HTML 轉移到 XML 而停滯不前。

很多基於 XML 架構的新技術被設計出來替代 HTML,Shaver 說,這不是一條正確的道路,人們不應象黑瞎子掰玉米把樣一邊掰一邊丟。

HTML 5 的新實驗在 Firefox 以及 基於 Webkit 的 Safari 和 Chrome 浏覽器中逐漸得到強化,但仍有不少問題。

Chrome 的開發者 Darin Fisher 說,Chrome 仍在襁褓中時,就不得不面臨幾個問題,盡管使用的是最新的 Webkit,HTML 5 的本地數據庫功能在 Chrome 的初期版本中並沒有實現。因為 Chrome 的沙箱機制和 Webkit 的數據庫功能有沖突。

而由於 Chrome 屬於秘密開發,Chrome 的開發人員也不便參與 Webkit 的開發。

我們要想保守 Chrome 的秘密,就無法參與 Webkit 社區。Fisher 說,我們很希望可以在某些方面給 Webkit 以幫助,我們擁有眾多經驗豐富的開發者,我們很想知道人們目前遇到的挑戰並樂意提供幫助。

隨著 Chrome 的發布,Fisher 說他的團隊成員有時會和 Webkit 的人一起吃飯,有些人私下裡還成了好朋友。Fisher 稱,他們迫切地想同其他 Webkit 開發組一起工作解決離線數據庫的問題。

Chrome 裡面還包含Google 的開源 Gears 技術,用來實現與 HTML 5 類似的離線功能。

Gears 可以看作已有 API 的替代品,Fisher 說,HTML 5 對新浏覽器來說是非常好的東西,但絕大多數用戶還使用舊浏覽器。Gears 可以讓那些舊浏覽器也獲得這樣的 API,我們正在為 HTML 5 版 API 提供兼容。

Gears 兼容性非常好,它正成為將 HTML 5 帶向人們桌面的另外一條途徑。

目前,絕大多數工作由 Apple,Mozilla, Opera, Google 以及 Trolltech 展開。微軟在干什麼?IE 因其對 Web 標准的遲鈍而聞名,更不要說 HTML 5。但 IE8 可能會做出改變。

微軟 IE 平台與 WHAT 工作組主席 Chris Wilson 在郵件中稱,我們希望我們現在開始的工作可以在 HTML 工作組創建一套測試系統。Wilson 說,IE 開發組仍然對 HTML 5 的一些提議感到擔憂。我覺得工作組的所有成員都會承認我們還有很多事要做。

目前處於 Beta 版的 IE8,已經包含 HTML 5 的諸多新功能。它擁有一個跨文檔消息系統,本地存儲,以及一些離線事件來檢測網絡的中斷。

copyright © 萬盛學電腦網 all rights reserved