看HTML 5如何改變你的互聯網世界
原創【51CTO精選譯文】Firefox 和Safari開始部分支持它,Google Wave和Chrome項目是以它為基礎,它讓許多開發人員欣喜萬分,它 —— 就是傳說中的HTML 5。
51CTO編輯推薦:HTML 5 下一代Web開發標準詳解
圖 1 人類從爬行到直立行走是一種進化過程,HTML標準發展到HTML 5也是一種進化過程
什么是HTML 5?它有何真本事?
HTML 5是Web核心語言HTML的規范,你在瀏覽器中看到的一切都是HTML格式化的。新版HTML 5在某些核心上做了改進,這是開發人員需要了解的,但不是所有網站都會使用到新特性,但毫無疑問這些新特性將改變我們建立網站和使用互聯網的方式。
Html 5究竟有哪些改進?
圖 2 HTML 5中新增標記和移除標記示例
HTML 5已經占據了太多的頭版頭條,這都得感謝瀏覽器廠家如微軟,谷歌,蘋果,Mozilla,Opera的努力。下面是一份簡短的新特性列表。如果希望了解HTML 5與之前HTML元素的不同,可參考51CTO之前的這篇《HTML 5中將被舍棄以及將被強化的元素》。
離線存儲
聽起來有點像“超級Cookies”,但它有更多空間存儲一次性數據和持久性應用程序數據庫,如電子郵件,你可以把離線存儲認為是類似谷歌Gears的東西(前兩天谷歌都已經放棄Gears全面轉向HTML5了),使用離線存儲的好處是不用安裝任何插件。
繪圖畫布
有些網站會在網頁上設置一個區域進行互動,可以是圖片,圖表和游戲組件,現在可以不用Flash或其它插件就可以直接在網頁上涂鴉了。
原生態視頻和音頻流支持
Youtube和Pandora可能有一天會跳過Flash為你帶來全新的視頻和音頻體驗,包括定時播放和其它貼心的功能,這一切都得歸功于HTML 5中的視頻和音頻標記。
幾何定位
HTML 5可以找到你的位置,并用它來定制搜索結果,博客更新等內容,位置感知設備就是利用這種技術的一次偉大創新。
智能表單
搜索框,文本輸入和其它類型的字段可以獲得更好的控制,如焦點處理,數據驗證,與其它頁面元素的交互,通過電子郵件發送等,聽起來可能不是很吸引人,但它可以大大減少用戶的煩擾,總歸是件好事。
Web應用程序集中化
HTML 5可以更容易地建立Wiki,拖放工具,討論版,實時聊天,前端搜索和其它現代網站元素,并讓它們可以跨瀏覽器使用。
圖 3 使用HTML 5直接繪圖
為什么還要推HTML 5?Flash和JavaScript不是已經可以做到這些了嗎?(51CTO編者注:自HTML 5開始吸引人眼球以來,很多評論都成HTML 5將取代Flash等RIA插件,同時也有RIA從業者認為HTML 5與RIA技術將形成互補的關系。)
圖 4 Flash號稱跨平臺,但版本眾多
#T#其實HTML 5和JavaScript并不沖突,新的標記將使JavaScript代碼更容易編寫,對于Flash,Silverlight和其它瀏覽器插件,它們是人工解決HTML 5嘗試修復的天然問題:放置和管理網頁上的互動元素。
除了會致使瀏覽器內存泄露和崩潰外,Flash和它的兄弟也不能在每個平臺上工作,必須對每個平臺進行單獨開發和編譯發布,如果你想讓應用程序所有人都能夠使用,一次編譯到處運行是個不錯的理想,當越來越多的瀏覽器和開發人員支持HTML 5的音頻、視頻和互動標準,Web作為一個通用應用程序商店 —— 既適合于智能手機,有適合于桌面電腦,筆記本,Windows,Mac和Linux,離我們的這個理想就更近了一步。
蘋果試圖使用它推出的第一代iPhone將這種技術強制灌輸給開發人員,自那以后,Web應用程序開始變得越來越強大,開發商們也開始轉變開發模式。
圖 5 iPhone開啟Web應用程序加速發展的浪潮
這并不是說HTML 5驅動Web應用,由于嚴重缺乏本地存儲和脫機功能,才會使iPhone應用程序商店,Android商場對我們的桌面軟件造成沖擊??纯垂雀枞绾味ㄎ籆hrome操作系統的吧,它使用HTML 5實現離線存儲,目前的主要目標是上網本市場,未來的一切都會在互聯網上,可見谷歌的野心有多大。
如何在網頁上使用HTML 5呢?
HTML 5不是一個軟件,它只是一個標準,制定這個標準時充分吸收了廣大開發人員和各個瀏覽器廠商的意見。說得再簡單點就是,它取決于你使用什么上網,以及網站遵循了什么標準。
桌面版Firefox ,Safari,Chrome都支持HTML 5規范草案的某些標準和風格,如離線存儲,繪圖畫布,最有意思的是音頻和視頻標記,它讓瀏覽器直接支持流媒體文件,蘋果的Safari iPhone版本和Android瀏覽器,以及Opera Mobile也支持HTML 5元素,想知道你的瀏覽器支持HTML 5那些標準嗎?已經有人整理成圖表放在Wikipedia網站上了。
圖 6 不同瀏覽器引擎對HTML 5的支持程度不同
那些音頻視頻標簽看起來可能并不自由,HTML 5標準起草專家 —— 來自谷歌的Ian Hickson和來自蘋果的Davd Hyatt想為視頻流定義一個單一的標準格式,他們主要青睞H.264/MPEG-4標準,但開源廠家如Mozilla卻不能容忍它不是開源的,它們不是特別喜歡購買許可,它們的選擇是Theora,也就是著名的Ogg Theora,但根據最新的標準草案,HTML 5已經去除了統一的視頻和音頻標記,這意味著各個瀏覽器廠商會做出不同的選擇。
無論如何,HTML 5是不可阻擋的技術發展趨勢,它只會使我們未來使用互聯網的方式越來越方便,越來越貼心。雖然現在還沒有形式正式的標準,但從各個瀏覽器廠家的積極態度可以看出,無論標準何時被審核通過(根據51CTO的最新消息,預計將在三年之內),都會促使網站建設者逐漸向HTML 5標準靠攏,這是一件幸事。
原文:How HTML5 Will Change the Way You Use the Web
作者:Kevin Purdy