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

HTML, 技術語言, 網頁設計


庶幾何時,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:表單生成的

Keymark:標注的文字

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 代碼將帶來的好與壞,總體來說,對開發者而言,這將是一個巨大的變化,而對圖形設計師而言,還不明朗。

文章來源: http://www.im1k.net/

Post a comment

 

Loading...