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

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

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

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

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

Html 5究竟有哪些改進？

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

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

離線存儲

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

繪圖畫布

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

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

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

幾何定位

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

智能表單

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

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

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

圖 3 使用HTML 5直接繪圖

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

圖 4 Flash號稱跨平臺，但版本眾多

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

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

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

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

這并不是說HTML 5驅(qū)動Web應(yīng)用，由于嚴(yán)重缺乏本地存儲和脫機功能，才會使iPhone應(yīng)用程序商店，Android商場對我們的桌面軟件造成沖擊?？纯垂雀枞绾味ㄎ籆hrome操作系統(tǒng)的吧，它使用HTML 5實現(xiàn)離線存儲，目前的主要目標(biāo)是上網(wǎng)本市場，未來的一切都會在互聯(lián)網(wǎng)上，可見谷歌的野心有多大。

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

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

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

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

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

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

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

作者：Kevin Purdy