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

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

• DOM
• 實(shí)現(xiàn) 2D 繪圖的 Canvas 對(duì)象
• 可控媒體播放
• 離線存儲(chǔ)
• 文檔編輯
• 拖放
• 跨文檔消息
• 瀏覽器歷史管理
• MIME 類(lèi)型和協(xié)議注冊(cè)
• 那些支持 HTML5 的瀏覽器在處理 HTML 代碼錯(cuò)誤的時(shí)候必須更靈活，而那些不支持 HTML5 的瀏覽器將忽略 HTML5 代碼。

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

• article：文章
• aside：內(nèi)容旁邊的側(cè)邊欄內(nèi)容
• audio：音頻
• canvas：2D 繪圖
• command：命令按鈕
• datalist：下拉選擇框
• details：對(duì)象的細(xì)節(jié)
• dialog：對(duì)話框
• embed：外部插件或?qū)ο?/li>
• 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)容。

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

　　HTML5 與 Flash

　　這個(gè)爭(zhēng)論由來(lái)已久，F(xiàn)lash 被某些開(kāi)發(fā)設(shè)計(jì)者濫用導(dǎo)致一些網(wǎng)頁(yè)加載緩慢，而 HTML5 為之帶來(lái)一線曙光。拿仍在襁褓中的 HTML5 和已經(jīng)有10年歷史的 Flash 進(jìn)行比較也許有失公允，但這是人人都關(guān)心的一個(gè)問(wèn)題。相對(duì) Windows 用戶(hù)來(lái)說(shuō)，Mac 用戶(hù)可能會(huì)從 HTML5 獲得更多好處，因?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ù)雜，HTML5 是更好的選擇。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ù)做一些研究。

　　HTML5 與 IE 9

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

　　HTML5 與 Ajax

　　現(xiàn)在的 HTML 語(yǔ)言的一個(gè)問(wèn)題是，它是一種輕量級(jí)的應(yīng)用界面，那些喜歡使用 Ajax 實(shí)現(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è)好消息就是，HTML5 會(huì)讓 Ajax 應(yīng)用的實(shí)現(xiàn)變得更容易。

　　HTML5 with CSS

　　你需對(duì)你的 CSS 代碼就行整理以支持 HTML5，因?yàn)?h1, h2 之類(lèi)的標(biāo)簽將不再使用，為了實(shí)現(xiàn)同 HTML5 的兼容，最好的方式是使用 CSS reset，將那些常見(jiàn)的 HTML 標(biāo)簽的 CSS 屬性清零，woork 認(rèn)為，最好的 CSS Reset 是 Eric Meyers CSS reset。

　　HTML5 優(yōu)劣談

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

　　不過(guò)，和任何新技術(shù)的降臨一樣，其中也會(huì)牽扯到一些問(wèn)題，對(duì) Web 設(shè)計(jì)者而言，最大的一個(gè)問(wèn)題就是因?yàn)檫@些新標(biāo)簽的引入，各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式。

　　在 HTML5 被廣泛采用之前，我們還無(wú)法完全知道 HTML5 代碼將帶來(lái)的好與壞，總體來(lái)說(shuō)，對(duì)開(kāi)發(fā)者而言，這將是一個(gè)巨大的變化，而對(duì)圖形設(shè)計(jì)師而言，還不明朗。