盡管還有很長(zhǎng)的路要走，但HTML 5已經(jīng)開(kāi)始吸引越來(lái)越多的人的目光。大型社交網(wǎng)站Facebook已經(jīng)開(kāi)始切換其視頻部分到HTML 5、Google文檔的離線(xiàn)模式被HTML 5所取代、Youtube宣布開(kāi)放HTML 5視頻功能......這些變化，使我們能夠感覺(jué)到HTML 5正在潛移默化的進(jìn)行著對(duì)互聯(lián)網(wǎng)的革命。

2007年，HTML 5向W3C標(biāo)準(zhǔn)進(jìn)軍，HTML 5的使命是實(shí)現(xiàn)富Web應(yīng)用的本地化，脫離瀏覽器插件的羈絆。W3C于2008年1月推出HTML 5的第一份草案，而HTML 5標(biāo)準(zhǔn)的全部實(shí)現(xiàn)也許要到2022年以后。

什么是HTML 5

HTML 5是繼HTML 4.01,XHTML 1.0和DOM2 HTML后的又一個(gè)重要版本，旨在消除富Internet程序（RIA）對(duì)Flash，Silverlight，JavaFX一類(lèi)瀏覽器插件的依賴(lài)。

HTML 5概要

HTML 5帶來(lái)很多新功能，以及HTML代碼上的改變，你需要使用一些特定的API腳本，如：

◆DOM
◆實(shí)現(xiàn)2D繪圖的Canvas對(duì)象
◆可控媒體播放
◆離線(xiàn)存儲(chǔ)
◆文檔編輯
◆拖放
◆跨文檔消息
◆瀏覽器歷史管理
◆MIME類(lèi)型和協(xié)議注冊(cè)

那些支持HTML 5的瀏覽器在處理HTML代碼錯(cuò)誤的時(shí)候必須更靈活，而那些不支持HTML 5的瀏覽器將忽略HTML 5代碼。

HTML語(yǔ)法的變化

HTML 5引入了新的HTML元素和屬性，有的是傳統(tǒng)通用元素的語(yǔ)義化版本，如取代div元素的nav,footer等元素，也有一些全新的元素，如audio,video。一些在HTML 4中不被推薦使用的元素，如font和center將被棄用。HTML 5引入的新HTML元素包括：

◆article：文章
◆aside：內(nèi)容旁邊的側(cè)邊欄內(nèi)容
◆audio：音頻
◆canvas：2D繪圖
◆command：命令按鈕
◆datalist：下拉選擇框
◆details：對(duì)象的細(xì)節(jié)
◆dialog：對(duì)話(huà)框
◆embed：外部插件或?qū)ο?br /> ◆figure：一組媒體對(duì)象以及標(biāo)簽文字
◆footer：頁(yè)腳
◆header：頁(yè)首
◆hgroup：文檔某一部分的信息
◆keygen：表單生成的Key
◆mark：標(biāo)注的文字
◆meter：預(yù)先定義的范圍內(nèi)的度量
◆nav：導(dǎo)航條
◆output：輸出
◆progress：進(jìn)度條
◆rp：標(biāo)識(shí)rubby內(nèi)容
◆rt：rubby內(nèi)容的解釋
◆ruby：rubby內(nèi)容
◆section：定義一個(gè)部分
◆source：媒體的資源
◆time：日期時(shí)間
◆video：視頻

這些新標(biāo)簽，可以讓你的HTML文檔更容易加載，且更容易被搜索引擎抓取其中的有用信息。比如，搜索引擎可以直接抓取它最關(guān)心的article標(biāo)簽里面的內(nèi)容。關(guān)于HTML 5語(yǔ)法更多內(nèi)容，請(qǐng)參閱：解讀HTML 5新語(yǔ)法 提高語(yǔ)義價(jià)值

HTML 5同那些流行的技術(shù)如何共存

[[10649]]

如今的Web世界已經(jīng)習(xí)慣了各種插件和API，HTML 5為Web開(kāi)發(fā)與設(shè)計(jì)者帶來(lái)了方便與不便，HTML 5將如何同現(xiàn)在的這些流行技術(shù)共存？

HTML 5與Flash

這個(gè)爭(zhēng)論由來(lái)已久，F(xiàn)lash被某些開(kāi)發(fā)設(shè)計(jì)者濫用導(dǎo)致一些網(wǎng)頁(yè)加載緩慢，而HTML 5為之帶來(lái)一線(xiàn)曙光。拿仍在襁褓中的HTML 5和已經(jīng)有10年歷史的Flash進(jìn)行比較也許有失公允，但這是人人都關(guān)心的一個(gè)問(wèn)題。相對(duì)Windows用戶(hù)來(lái)說(shuō)，Mac用戶(hù)可能會(huì)從HTML 5獲得更多好處，因?yàn)樘O(píng)果一直不愿支持Flash。下面是Mike Chambers針對(duì)Mac和Windows平臺(tái)瀏覽器的CPU負(fù)載而做的一部分測(cè)試：

測(cè)試顯示，Mac平臺(tái)的Flash表現(xiàn)要差于Windows平臺(tái)，這還取決于你使用的瀏覽器?，F(xiàn)在看來(lái)，就視頻游戲而言，F(xiàn)lash是更好的選擇，但取決于你的瀏覽器，如果你的視頻不是很復(fù)雜，HTML 5是更好的選擇。Web開(kāi)發(fā)與設(shè)計(jì)者從這些爭(zhēng)論中應(yīng)該吸取的東西是，F(xiàn)lash之外還有別的選擇，但Flash有牢固的地盤(pán)，在為客戶(hù)提供開(kāi)發(fā)設(shè)計(jì)的時(shí)候，需要對(duì)他們的目標(biāo)客戶(hù)做一些研究。

關(guān)于HTML 5與Flash的爭(zhēng)論，各方也持有不同的觀點(diǎn)，51CTO之前也曾報(bào)導(dǎo)過(guò)很多這樣的文章，比如當(dāng)Flash遇到HTML 5 互聯(lián)網(wǎng)視頻傾向哪方？、HTML 5來(lái)臨 Flash死亡倒計(jì)時(shí)？、HTML 5代表未來(lái) 插件不會(huì)銷(xiāo)聲匿跡等等。

HTML 5與IE9

IE9經(jīng)常高調(diào)宣揚(yáng)它對(duì)HTML 5的兼容，不過(guò)，它確實(shí)將是一個(gè)很好地支持HTML 5的瀏覽器，因?yàn)?，IE9使用Windows現(xiàn)代圖形API以及PC的圖形加速卡輸出文字和圖形。在三月份的MIX展會(huì)，微軟還宣稱(chēng)，IE9將支持GPU加速的HTML 5，將圖形滾動(dòng)，3D圖形顯示等處理交由圖形加速卡。

HTML 5與Ajax

現(xiàn)在的HTML語(yǔ)言的一個(gè)問(wèn)題是，它是一種輕量級(jí)的應(yīng)用界面，那些喜歡使用Ajax實(shí)現(xiàn)在線(xiàn)應(yīng)用的開(kāi)發(fā)者會(huì)發(fā)現(xiàn)HTML非常不好用。Ajaxwith.com認(rèn)為，HTML適合用來(lái)加載界面，JavaScript用來(lái)執(zhí)行命令，雖然HTML在作為界面語(yǔ)言方面并不好用，但鑒于多數(shù)開(kāi)發(fā)者對(duì)它的熟悉程度，HTML還是不可缺少。一個(gè)好消息就是，HTML 5會(huì)讓Ajax應(yīng)用的實(shí)現(xiàn)變得更容易。

HTML 5 with CSS

你需對(duì)你的CSS代碼就行整理以支持HTML 5，因?yàn)閔1,h2之類(lèi)的標(biāo)簽將不再使用，為了實(shí)現(xiàn)同HTML 5的兼容，最好的方式是使用CSSreset，將那些常見(jiàn)的HTML標(biāo)簽的CSS屬性清零，woork認(rèn)為，最好的CSSReset是EricMeyersCSSreset。（相關(guān)文章推薦：揭秘HTML 5和CSS3 Web實(shí)現(xiàn)飛躍的踏板）

HTML 5優(yōu)劣談

[[10650]]

HTML 5可能對(duì)移動(dòng)Web帶來(lái)更多好處，原因是，現(xiàn)在的移動(dòng)Web，iPhone占主導(dǎo)地位，而iPHone以及剛剛上市不久的iPad是不支持Flash的。HTML 5還會(huì)讓其它平臺(tái)的移動(dòng)瀏覽器有更快的網(wǎng)頁(yè)加載速度。另一個(gè)好處是SEO，Google在4月9號(hào)宣布，將頁(yè)面加載速度作為搜索排名的一個(gè)因素，因此，基于HTML 5的頁(yè)面也會(huì)因加載速度更快而受益。

不過(guò)，和任何新技術(shù)的降臨一樣，其中也會(huì)牽扯到一些問(wèn)題，對(duì)Web設(shè)計(jì)者而言，最大的一個(gè)問(wèn)題就是因?yàn)檫@些新標(biāo)簽的引入，各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式。在HTML 5被廣泛采用之前，我們還無(wú)法完全知道HTML 5代碼將帶來(lái)的好與壞，總體來(lái)說(shuō)，對(duì)開(kāi)發(fā)者而言，這將是一個(gè)巨大的變化，而對(duì)圖形設(shè)計(jì)師而言，還不明朗。

【編輯推薦】

1. HTML 5，神化運(yùn)動(dòng)進(jìn)行時(shí)
2. HTML 5標(biāo)準(zhǔn)：富互聯(lián)網(wǎng)時(shí)代的產(chǎn)物
3. HTML 5 Web Socket：下一次Web通信革命揭幕
4. HTML 5將給開(kāi)發(fā)者帶來(lái)什么？
5. HTML 5、H.264、Flash 網(wǎng)絡(luò)視頻“三人行”