【51CTO精選譯文】Firefox 和Safari開始部分支持它，Google Wave和Chrome項(xiàng)目是以它為基礎(chǔ)，它讓許多開發(fā)人員欣喜萬(wàn)分，它 —— 就是傳說(shuō)中的HTML 5。

51CTO編輯推薦：HTML 5 下一代Web開發(fā)標(biāo)準(zhǔn)詳解

[[7295]]
圖 1 人類從爬行到直立行走是一種進(jìn)化過程，HTML標(biāo)準(zhǔn)發(fā)展到HTML 5也是一種進(jìn)化過程

什么是HTML 5？它有何真本事？

HTML 5是Web核心語(yǔ)言HTML的規(guī)范，你在瀏覽器中看到的一切都是HTML格式化的。新版HTML 5在某些核心上做了改進(jìn)，這是開發(fā)人員需要了解的，但不是所有網(wǎng)站都會(huì)使用到新特性，但毫無(wú)疑問這些新特性將改變我們建立網(wǎng)站和使用互聯(lián)網(wǎng)的方式。

Html 5究竟有哪些改進(jìn)？

圖 2 HTML 5中新增標(biāo)記和移除標(biāo)記示例

HTML 5已經(jīng)占據(jù)了太多的頭版頭條，這都得感謝瀏覽器廠家如微軟，谷歌，蘋果，Mozilla，Opera的努力。下面是一份簡(jiǎn)短的新特性列表。如果希望了解HTML 5與之前HTML元素的不同，可參考51CTO之前的這篇《HTML 5中將被舍棄以及將被強(qiáng)化的元素》。

離線存儲(chǔ)

聽起來(lái)有點(diǎn)像“超級(jí)Cookies”，但它有更多空間存儲(chǔ)一次性數(shù)據(jù)和持久性應(yīng)用程序數(shù)據(jù)庫(kù)，如電子郵件，你可以把離線存儲(chǔ)認(rèn)為是類似谷歌Gears的東西（前兩天谷歌都已經(jīng)放棄Gears全面轉(zhuǎn)向HTML5了），使用離線存儲(chǔ)的好處是不用安裝任何插件。

繪圖畫布

有些網(wǎng)站會(huì)在網(wǎng)頁(yè)上設(shè)置一個(gè)區(qū)域進(jìn)行互動(dòng)，可以是圖片，圖表和游戲組件，現(xiàn)在可以不用Flash或其它插件就可以直接在網(wǎng)頁(yè)上涂鴉了。

原生態(tài)視頻和音頻流支持

Youtube和Pandora可能有一天會(huì)跳過Flash為你帶來(lái)全新的視頻和音頻體驗(yàn)，包括定時(shí)播放和其它貼心的功能，這一切都得歸功于HTML 5中的視頻和音頻標(biāo)記。

幾何定位

HTML 5可以找到你的位置，并用它來(lái)定制搜索結(jié)果，博客更新等內(nèi)容，位置感知設(shè)備就是利用這種技術(shù)的一次偉大創(chuàng)新。

智能表單

搜索框，文本輸入和其它類型的字段可以獲得更好的控制，如焦點(diǎn)處理，數(shù)據(jù)驗(yàn)證，與其它頁(yè)面元素的交互，通過電子郵件發(fā)送等，聽起來(lái)可能不是很吸引人，但它可以大大減少用戶的煩擾，總歸是件好事。

Web應(yīng)用程序集中化

HTML 5可以更容易地建立Wiki，拖放工具，討論版，實(shí)時(shí)聊天，前端搜索和其它現(xiàn)代網(wǎng)站元素，并讓它們可以跨瀏覽器使用。

圖 3 使用HTML 5直接繪圖

為什么還要推HTML 5？Flash和JavaScript不是已經(jīng)可以做到這些了嗎？（51CTO編者注：自HTML 5開始吸引人眼球以來(lái)，很多評(píng)論都成HTML 5將取代Flash等RIA插件，同時(shí)也有RIA從業(yè)者認(rèn)為HTML 5與RIA技術(shù)將形成互補(bǔ)的關(guān)系。）

圖 4 Flash號(hào)稱跨平臺(tái)，但版本眾多

#T#其實(shí)HTML 5和JavaScript并不沖突，新的標(biāo)記將使JavaScript代碼更容易編寫，對(duì)于Flash，Silverlight和其它瀏覽器插件，它們是人工解決HTML 5嘗試修復(fù)的天然問題：放置和管理網(wǎng)頁(yè)上的互動(dòng)元素。

除了會(huì)致使瀏覽器內(nèi)存泄露和崩潰外，F(xiàn)lash和它的兄弟也不能在每個(gè)平臺(tái)上工作，必須對(duì)每個(gè)平臺(tái)進(jìn)行單獨(dú)開發(fā)和編譯發(fā)布，如果你想讓應(yīng)用程序所有人都能夠使用，一次編譯到處運(yùn)行是個(gè)不錯(cuò)的理想，當(dāng)越來(lái)越多的瀏覽器和開發(fā)人員支持HTML 5的音頻、視頻和互動(dòng)標(biāo)準(zhǔn)，Web作為一個(gè)通用應(yīng)用程序商店 —— 既適合于智能手機(jī)，有適合于桌面電腦，筆記本，Windows，Mac和Linux，離我們的這個(gè)理想就更近了一步。

蘋果試圖使用它推出的第一代iPhone將這種技術(shù)強(qiáng)制灌輸給開發(fā)人員，自那以后，Web應(yīng)用程序開始變得越來(lái)越強(qiáng)大，開發(fā)商們也開始轉(zhuǎn)變開發(fā)模式。

圖 5 iPhone開啟Web應(yīng)用程序加速發(fā)展的浪潮

這并不是說(shuō)HTML 5驅(qū)動(dòng)Web應(yīng)用，由于嚴(yán)重缺乏本地存儲(chǔ)和脫機(jī)功能，才會(huì)使iPhone應(yīng)用程序商店，Android商場(chǎng)對(duì)我們的桌面軟件造成沖擊。看看谷歌如何定位Chrome操作系統(tǒng)的吧，它使用HTML 5實(shí)現(xiàn)離線存儲(chǔ)，目前的主要目標(biāo)是上網(wǎng)本市場(chǎng)，未來(lái)的一切都會(huì)在互聯(lián)網(wǎng)上，可見谷歌的野心有多大。

如何在網(wǎng)頁(yè)上使用HTML 5呢？

HTML 5不是一個(gè)軟件，它只是一個(gè)標(biāo)準(zhǔn)，制定這個(gè)標(biāo)準(zhǔn)時(shí)充分吸收了廣大開發(fā)人員和各個(gè)瀏覽器廠商的意見。說(shuō)得再簡(jiǎn)單點(diǎn)就是，它取決于你使用什么上網(wǎng)，以及網(wǎng)站遵循了什么標(biāo)準(zhǔn)。

桌面版Firefox ，Safari，Chrome都支持HTML 5規(guī)范草案的某些標(biāo)準(zhǔn)和風(fēng)格，如離線存儲(chǔ)，繪圖畫布，最有意思的是音頻和視頻標(biāo)記，它讓瀏覽器直接支持流媒體文件，蘋果的Safari iPhone版本和Android瀏覽器，以及Opera Mobile也支持HTML 5元素，想知道你的瀏覽器支持HTML 5那些標(biāo)準(zhǔn)嗎？已經(jīng)有人整理成圖表放在Wikipedia網(wǎng)站上了。

圖 6 不同瀏覽器引擎對(duì)HTML 5的支持程度不同

那些音頻視頻標(biāo)簽看起來(lái)可能并不自由，HTML 5標(biāo)準(zhǔn)起草專家 —— 來(lái)自谷歌的Ian Hickson和來(lái)自蘋果的Davd Hyatt想為視頻流定義一個(gè)單一的標(biāo)準(zhǔn)格式，他們主要青睞H.264/MPEG-4標(biāo)準(zhǔn)，但開源廠家如Mozilla卻不能容忍它不是開源的，它們不是特別喜歡購(gòu)買許可，它們的選擇是Theora，也就是著名的Ogg Theora，但根據(jù)最新的標(biāo)準(zhǔn)草案，HTML 5已經(jīng)去除了統(tǒng)一的視頻和音頻標(biāo)記，這意味著各個(gè)瀏覽器廠商會(huì)做出不同的選擇。

無(wú)論如何，HTML 5是不可阻擋的技術(shù)發(fā)展趨勢(shì)，它只會(huì)使我們未來(lái)使用互聯(lián)網(wǎng)的方式越來(lái)越方便，越來(lái)越貼心。雖然現(xiàn)在還沒有形式正式的標(biāo)準(zhǔn)，但從各個(gè)瀏覽器廠家的積極態(tài)度可以看出，無(wú)論標(biāo)準(zhǔn)何時(shí)被審核通過（根據(jù)51CTO的最新消息，預(yù)計(jì)將在三年之內(nèi)），都會(huì)促使網(wǎng)站建設(shè)者逐漸向HTML 5標(biāo)準(zhǔn)靠攏，這是一件幸事。

原文：How HTML5 Will Change the Way You Use the Web

作者：Kevin Purdy