慢谈HTML5
什么是HMTL5?HTML5有哪些特质?HTML5/4有什么区别?谁先试水HTML5的?HTML5相关站点有哪些?HTML5的经典案例何处寻? 别急,看完全文,你就会知道哦!
HTML5从字面上很容易理解:就是HTML技术标准的第五版。(http://dev.w3.org/html5/spec/Overview.html)
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。(详见HTML5的简介)
我们平时谈到的HTML5一般指以HTML5、CSS3、Javascript为代表的最新Web技术(标准)。其中,HTML5和CSS主要负责界面、内容呈现(貌),Javascript负责逻辑处理(才)。
当然,光有技术标准远远不够,更重要的是有众多的浏览器类产品遵循和支持该标准。因为HTML5应用需要类似浏览器这样的特定应用执行环境。目前,HTML5标准尚未定稿(计划2014年发布正式版本),各种浏览器产品对HTML5的支持程度差异较大。
测试某一浏览器对HTML5的支持程度很简单,用该浏览器访问 http://www.html5test.com 就可以得出结果,有兴趣的亲们可以去试下你的浏览器对HTML5的兼容性评分是多少哦。
目前市面上大部分的浏览器基本上都是支持HTML5的,只是在性能有所差异!像Google的Chrome浏览器,微软的IE,还有来自挪威Opera Software的Opera浏览器和Mozilla基金会的火狐浏览器(Mozilla Firefox)等均已不同程度支持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 (用鼠标写毛笔字就是比用毛笔写好看,呵呵)