1)什么是HTML5?
HTML5從字面上很容易理解:就是HTML技術(shù)標(biāo)準(zhǔn)的第五版。(http://dev.w3.org/html5/spec/Overview.html)
我們平時(shí)談到的HTML5一般指以HTML5、CSS3、Javascript為代表的最新Web技術(shù)(標(biāo)準(zhǔn))。其中,HTML5和CSS主要負(fù)責(zé)界面、內(nèi)容呈現(xiàn)(貌),Javascript負(fù)責(zé)邏輯處理(才)。
當(dāng)然,光有技術(shù)標(biāo)準(zhǔn)遠(yuǎn)遠(yuǎn)不夠,更重要的是有眾多的瀏覽器類(lèi)產(chǎn)品遵循和支持該標(biāo)準(zhǔn)。因?yàn)镠TML5應(yīng)用需要類(lèi)似瀏覽器這樣的特定應(yīng)用執(zhí)行環(huán)境。目前,HTML5標(biāo)準(zhǔn)尚未定稿(計(jì)劃2014年發(fā)布正式版本),各種瀏覽器產(chǎn)品對(duì)HTML5的支持程度差異較大。
測(cè)試某一瀏覽器對(duì)HTML5的支持程度很簡(jiǎn)單,用該瀏覽器訪問(wèn) http://www.html5test.com 就可以得出結(jié)果。
比如我用的Chrome瀏覽器測(cè)試結(jié)果如下:
傳統(tǒng)的Web語(yǔ)言是典型的輕量級(jí)語(yǔ)言,主要用于內(nèi)容呈現(xiàn)和簡(jiǎn)單邏輯處理,在體驗(yàn)和功能等方面有一定局限性,因而,大多Web服務(wù)的復(fù)雜邏輯運(yùn)算處理都是由業(yè)務(wù)平臺(tái)服務(wù)程序完成。
而相比于之前的Web技術(shù),HTML5強(qiáng)大許多。
到底強(qiáng)在哪呢?我們下面簡(jiǎn)單介紹一二。
2)HTML5有啥能耐?
以前大家用瀏覽器的網(wǎng)頁(yè)大多遵循HTML4.01標(biāo)準(zhǔn)編寫(xiě)的,因而對(duì)HTML4.01的能力應(yīng)該有些直觀的體會(huì)。
我們重點(diǎn)看看相對(duì)于HTML4.01,HTML5新增了哪些功能,這里羅列幾個(gè):
- 繪圖(Canvas)
- 音頻和視頻(Audio、Video)
- 多線程(WebWorker)
- 地理信息(GeoLocation)
- 本地存儲(chǔ)(Local Storage)
- 離線緩存(Offline)
- 雙向通信(WebSocket)
- 語(yǔ)義化的標(biāo)簽元素(Semantic Elements)
- 新的表單功能(Forms)
以手機(jī)應(yīng)用為例,常用的功能也就用戶界面、進(jìn)程管理、存儲(chǔ)能力、設(shè)備管理、通信能力等,這些功能在HTML5中都能找到向?qū)?yīng)的實(shí)現(xiàn)方式,稍微欠缺的是應(yīng)用安全機(jī)制。目前有些瀏覽器有各自的安全解決方案。
可能你會(huì)發(fā)現(xiàn)這些功能以應(yīng)用緊密相關(guān),HTML5這樣的技術(shù)演進(jìn)趨勢(shì)明顯是“Web應(yīng)用本地化”,即讓W(xué)eb能力更強(qiáng),與傳統(tǒng)的應(yīng)用開(kāi)發(fā)技術(shù)(如C++)更加接近。,這樣,更多的應(yīng)用就可以采用Web技術(shù)開(kāi)發(fā),即“本地應(yīng)用Web化”
描述不如體驗(yàn):自己來(lái)用用HTML5應(yīng)用吧(推薦用Chrome或者FireFox瀏覽器):
植物大戰(zhàn)僵尸:http://pvz.lonelystar.org/ (國(guó)內(nèi)開(kāi)發(fā)者 Lonelystar開(kāi)發(fā)的)
超級(jí)馬里奧:http://www.html5china.com/html5games/mario/index.htm (小學(xué)時(shí)候我的最?lèi)?ài))
憤怒的小鳥(niǎo):http://chrome.angrybirds.com/ (貌似現(xiàn)在得翻墻才能正常顯示?)
生物實(shí)驗(yàn)室危機(jī):http://playbiolab.com/ (很像魂斗羅啊)
在線練毛筆字:http://www.theshodo.com/Write (用鼠標(biāo)寫(xiě)毛筆字就是比用毛筆寫(xiě)好看,呵呵)