HTML5:實至名歸還是言過其實?

發布時間:2017-04-12 09:46 來源:互聯網 當前欄目:網頁設計教程

庶幾何時,HTML5 開始吸引越來越多的人的目光,盡管 W3C 表示,它的最終成熟還有很長的路,然而并不能阻止人們對它的期待。2007年,HTML5 向 W3C 標準進軍,HTML5 的使命是實現富 Web 應用的本地化,脫離瀏覽器插件的羈絆。W3C 于 2008 年 1 月 推出 HTML5 的第一份草案,而 HTML5 標準的全部實現也許要到 2022年以后。

什么是 HTML5

HTML5 是繼 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一個重要版本,旨在消除富 Internet 程序(RIA)對 Flash, Silverlight, JavaFX 一類瀏覽器插件的依賴。

HTML5 概要

HTML5 帶來很多新功能,以及 HTML 代碼上的改變,你需要使用一些特定的 API 腳本,如:

DOM 實現 2D 繪圖的 Canvas 對象 可控媒體播放 離線存儲 文檔編輯 拖放 跨文檔消息 瀏覽器歷史管理 MIME 類型和協議注冊

那些支持 HTML5 的瀏覽器在處理 HTML 代碼錯誤的時候必須更靈活,而那些不支持 HTML5 的瀏覽器將忽略 HTML5 代碼。

HTML 語法的變化


HTML5 引入了新的 HTML 元素和屬性,有的是傳統通用元素的語義化版本,如取代  div 元素的 nav, footer 等元素,也有一些全新的元素,如 audio, video。一些在 HTML4 中不被推薦使用的元素,如 font 和 center 將被棄用。HTML5 引入的新 HTML 元素包括:

article:文章 aside:內容旁邊的側邊欄內容 audio:音頻 canvas:2D 繪圖 command:命令按鈕 datalist:下拉選擇框 details:對象的細節 dialog:對話框 embed:外部插件或對象 figure:一組媒體對象以及標簽文字 footer:頁腳 header:頁首 hgroup:文檔某一部分的信息 keygen:表單生成的 Key mark:標注的文字 meter:預先定義的范圍內的度量 nav:導航條 output:輸出 progress:進度條 rp:標識 rubby 內容 rt:rubby 內容的解釋 ruby:rubby 內容 section:定義一個部分 source:媒體的資源 time:日期時間 video:視頻

這些新標簽,可以讓你的 HTML 文檔更容易加載,且更容易被搜索引擎抓取其中的有用信息。比如,搜索引擎可以直接抓取它最關心的 article 標簽里面的內容。

HTML5 同那些流行的技術如何共存

如今的 Web 世界已經習慣了各種插件和 API,HTML5 為 Web 開發與設計者帶來了方便與不便,HTML5 將如何同現在的這些流行技術共存?

HTML5 與 Flash

這個爭論由來已久,Flash 被某些開發設計者濫用導致一些網頁加載緩慢,而 HTML5 為之帶來一線曙光。拿仍在襁褓中的 HTML5 和已經有10年歷史的 Flash 進行比較也許有失公允,但這是人人都關心的一個問題。相對 Windows 用戶來說,Mac 用戶可能會從 HTML5 獲得更多好處,因為蘋果一直不愿支持 Flash。下面是 Mike Chambers 針對 Mac 和 Windows 平臺瀏覽器的 CPU 負載而做的一部分測試:

測試顯示,Mac 平臺的 Flash 表現要差于  Windows 平臺,這還取決于你使用的瀏覽器。現在看來,就視頻游戲

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、