當庶幾何時,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:一組媒體物件以及標籤文字
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 平台,這也取決於你使用的瀏覽器。現在看來,就電玩遊戲而言,Flash 是更好的選擇,但取決於你的瀏覽器,如果你的影片不是很複雜,HTML5 是更好的選擇。 Web開發與設計者從這些爭論中應該吸取的東西是,Flash 之外還有別的選擇,但Flash 有牢固的地盤,在為客戶提供開發設計的時候,需要對他們的目標客戶做一些研究。
HTML5 與IE 9
IE9 經常高調宣揚它對HTML5 的兼容,不過,它確實將是一個很好地支援HTML5 的瀏覽器,因為,IE9 使用Windows 現代圖形API 以及PC 的圖形加速卡輸出文字和圖形。在三月的MIX 展會,微軟也宣稱,IE9 將支援GPU 加速的HTML5,將圖形滾動,3D 圖形顯示等處理交由圖形加速卡。
HTML5 與Ajax
現在的HTML 語言的一個問題是,它是一種輕量級的應用介面,那些喜歡使用Ajax 實作線上應用的開發者會發現HTML 非常不好用。 Ajaxwith.com認為,HTML 適合用來載入介面,JavaScript 用來執行指令,雖然HTML 在作為介面語言方面並不好用,但鑑於多數開發者對它的熟悉程度,HTML 還是不可缺少。
一個好消息就是,HTML5 會讓Ajax 應用的實作變得更容易。
HTML5 with CSS
你需要對你的CSS 程式碼就行整理以支援HTML5,因為h1, h2 之類的標籤將不再使用,為了實現同HTML5 的兼容,最好的方式是使用CSS reset,將那些常見的HTML 標籤的CSS屬性清零, woork認為,最好的CSS Reset 是Eric Meyers CSS reset。
HTML5 優劣談
HTML5 可能對行動Web 帶來更多好處,原因是,現在的行動Web,iPhone 占主導地位,而iPHone 是不支援Flash 的。 HTML5 也會讓它平台的行動瀏覽器有更快的網頁載入速度。另一個好處是SEO,Google 4月9號宣布,將頁面載入速度作為搜尋排名的因素,因此,基於HTML5 的頁面也會因載入速度更快而受益。
不過,就像任何新技術的降臨一樣,其中也會牽扯到一些問題,對Web 設計者而言,最大的一個問題就是因為這些新標籤的引入,各瀏覽器之間將缺少一種統一的數據描述格式。
在HTML5 被廣泛採用之前,我們還無法完全知道HTML5 程式碼將帶來的好與壞,總體來說,對開發者而言,這將是一個巨大的變化,而對圖形設計師而言,還不明朗。
本文國際來源:instantshift.com HTML5: Worth the Hype? (原文作者:Shannon Suetos)
中文編譯來源:銳商企業CMS網站內容管理系統官方網站