DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> HTML5漫談(1)–什麼是HTML5?
HTML5漫談(1)–什麼是HTML5?
編輯:HTML5詳解     

看到LABS頭條新聞是《未來四年改變移動的十大趨勢:Html5排第一》(http://labs.chinamobile.com/news/60072),可能不少朋友會對Html5有點興趣。

我就結合自己的理解簡單聊聊Html5,與大家探討。

1)什麼是Html5?

    HTML5從字面上很容易理解:就是HTML技術標准的第五版。(http://dev.w3.org/Html5/spec/OvervIEw.Html)

    我們平時談到的HTML5一般指以Html5、CSS3、Javascript為代表的最新Web技術(標准)。其中,Html5和CSS主要負責界面、內容呈現(貌),Javascript負責邏輯處理(才)。

    當然,光有技術標准遠遠不夠,更重要的是有眾多的浏覽器類產品遵循和支持該標准。因為HTML5應用需要類似浏覽器這樣的特定應用執行環境。目前,Html5標准尚未定稿(計劃2014年發布正式版本),各種浏覽器產品對Html5的支持程度差異較大。

測試某一浏覽器對Html5的支持程度很簡單,用該浏覽器訪問 http://www.Html5test.com 就可以得出結果。

比如我用的Chrome浏覽器測試結果如下:

傳統的Web語言是典型的輕量級語言,主要用於內容呈現和簡單邏輯處理,在體驗和功能等方面有一定局限性,因而,大多Web服務的復雜邏輯運算處理都是由業務平台服務程序完成。

而相比於之前的Web技術,Html5強大許多。
到底強在哪呢?我們下面簡單介紹一二。

2)Html5有啥能耐?

以前大家用浏覽器的網頁大多遵循HTML4.01標准編寫的,因而對Html4.01的能力應該有些直觀的體會。

我們重點看看相對於HTML4.01,Html5新增了哪些功能,這裡羅列幾個:

- 繪圖(Canvas)
- 音頻和視頻(Audio、Video)
- 多線程(WebWorker)
- 地理信息(GeoLocation)
本地存儲Local Storage
- 離線緩存(Offline)
- 雙向通信(WebSocket)
- 語義化的標簽元素(Semantic Elements)
- 新的表單功能(Forms)

以手機應用為例,常用的功能也就用戶界面、進程管理、存儲能力、設備管理、通信能力等,這些功能在Html5中都能找到向對應的實現方式,稍微欠缺的是應用安全機制。目前有些浏覽器有各自的安全解決方案。

可能你會發現這些功能以應用緊密相關,Html5這樣的技術演進趨勢明顯是“Web應用本地化”,即讓Web能力更強,與傳統的應用開發技術(如C++)更加接近。,這樣,更多的應用就可以采用Web技術開發,即“本地應用Web化”

描述不如體驗:自己來用用Html5應用吧(推薦用Chrome或者Firefox浏覽器):

植物大戰僵屍:http://pvz.lonelystar.org/  (國內開發者 Lonelystar開發的)

超級馬裡奧:http://www.Html5china.com/Html5games/mario/index.htm (小學時候我的最愛)

憤怒的小鳥:http://Chrome.angrybirds.com/ (貌似現在得翻牆才能正常顯示?)

生物實驗室危機:http://playbiolab.com/ (很像魂斗羅啊)

在線練毛筆字:http://www.theshodo.com/Write (用鼠標寫毛筆字就是比用毛筆寫好看,呵呵)

未完待續:

Html5漫談(2)--Html5為什麼這樣紅?

-群眾基礎好:各平台廣泛支持,潛在開發者眾多

-可跨平台運行、屏幕適配

-使用體驗更炫

-開發更簡單

-更智能的語義

Html5漫談(3)--Html5軟肋何在?  

Html5漫談(4)--Html5時代何時到來?

Html5漫談(5)--Html5 vs Flash

Html5漫談(6)--手機Html5及WebApp與Widget

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved