什么是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这么红,除了它天生丽质之外,还离不开标准化组织、各大公司及开发者的支持和追捧。

  1、技术:天生丽质

  HTML5的卖点就两个:第一、跨平台,第二、开发简单。

  如果非得短话长说、上纲上线,那我们可以这么说:因为HTML5:“代表应用先进生产力的发展要求”、“代表应用开发技术的前进方向”、“代表最广大用户的根本利益”。 

  1)代表应用先进生产力的发展要求

  每一次技术革新或者工艺改进,我们总希望产品生产的成本更低、效率更高、数量更大、种类更多。

  应用就是产品。

  2)代表应用开发技术的前进方向

  HTML5使得技术门槛更低、应用可跨平台运行,开发一次就可覆盖不同的系统平台和不同形态的终端、有效解决终端适配难题、更加智能的语义描述(便于搜索)等,潜在开发者众多;海量的互联网内容可以快速转换成各种终端应用;无疑,HTML5的出现将大大提高应用生产力。

  3)代表最广大用户的根本利益

  成本低、数量大、种类多将可以为用户带来更加便宜、丰富的应用,甚至为每个人量身定制应用不再是梦想。

  当然,对于开发者而言,只要掌握一种开发语言、环境,开发出来的应用就能覆盖不同的操作系统平台和不同形态的终端,再好不过了。

  技术优势只是新技术成功的基础之一。新技术从提出到标准化、产品化、产业化,是漫漫长路,需要做很多的努力。

  2、标准:天下一统

  实现应用跨平台的技术和方案很多,但只有当这个技术成为国际标准,被业界广泛接受和使用,才意义非凡,影响力自然剧增。

  W3C牵头制定HTML5国际标准,原计划是2017年发布,现在已经提前到2014年,目前已经进入last call阶段,我估计HTML5标准的发布还得提前。

  WAC制定的移动微技(Mobile Widget)标准,将对HTML5技术的支持作为基础条件。

  3、产品:各显神通

  产品化是形成新的产业的基础。难得看到多家巨头遵循同一个标准,研发各种产品,推进新的产业形成。简单介绍其中几家公司在HTML5产品化方面做的一些工作。

  - Google

  Google在HTML5产品化方面不遗余力。也容易理解,因为Google的大多服务都是基于Web的,HTML5的成熟和广泛使用,对它绝对利好。Google的贡献包括:

  1) 在桌面操作系统(PC)已被Windows、MAC OS和LINUX瓜分的情形下,Google推出它的Chrome浏览器,它的目标是让用户足不出Chrome,就能完成各种需求,让Windows当活雷锋。

  2) Google基于Chrome浏览器基础上,推出了WebOS:Chrome OS,直接抢占PC桌面。

  3) Google的Android浏览器是对HTML5支持最好的手机浏览器之一。由于HTML5的跨平台、跨终端的特性,相信它对Google在PC桌面方面业务部署也是重要的协同。

  4) Google基于Chrome浏览器推出了Web应用商店(https://chrome.google.com/webstore),销售的最重要的一种应用就是HTML5应用。

  - 苹果

  苹果对HTML5的发展贡献很大,在Web应用的很多领域都是先行者。

  1) 苹果的Safari浏览器是支持HTML5最好的浏览器之一

  2) 苹果是著名的开源浏览器内核Webkit的贡献者。

  3) 苹果在MAC OS上Dashboard  Widge

  (http://www.apple.com/downloads/dashboard/, 3904个应用)及iPhone、iPad上的Webapp(http://www.apple.com/webapps/,5116个应用)是HTML5应用产品化的优秀代表

  4) 苹果用于开发Widget/Webapp的Dashcod是HTML5应用开发工具的重要标杆。

  - HP/Palm

  Palm WebOS是完全采用Web应用框架构建的手机平台,用户体验相当不错。在我看来,这个WebOS是里程碑、划时代式的,尽管在很多人眼里它并不成功。新技术、新产品就是这样,先驱很可能变成先烈,但丝毫不影响它的伟大。

  -  Mozilla

  1)FireFox的插件机制做的很棒,包括JS代码调试工具等插件是许多Web开发者的首先

  2)FireFox也推出支持HTML5应用的“火狐应用中心”

  -  Opera

  1)即将推出的Opera 12据说是对HTML5支持最好的浏览器。

  2)Opera Mobile浏览器内核性能很棒,不信可以试试Opera的WAC 1.0引

  (http://labs.opera.com/news/2011/02/14/)。

  - 微软

  以往的IE浏览器对Web标准都支持的很差,更别提HTML5了。但IE9、IE10表现相当不错了。微软要改变风格了?

  不再一一列举,我想说的是,从标准到产品化再到产业化,需要时间,需要做大量的工作。

  我把目前浏览器支持HTML5的情况大致列一下:

  说明:第一列:浏览器名称,第二列是浏览器版本号,第三列是得分,满分是450分。

  PC浏览器

  平板电脑浏览器

  手机浏览器

  4、应用:众人拾柴

  有了标准、浏览器环境后,最重要的是要有应用。

  我们很欣喜地看到,开发HTML5应用的人越来越多。先是实现Angrybird、植物大战僵尸、超级玛利亚、甚至Quake等经典游戏,微博、电子书报等常用应用。除了应用之外,HTML5应用SDK以及各种开发工具也越来越多。

  举几个很应用相关例子:

  http://impactjs.com/ (不少示范应用 + HTML5 SDK)

  http://www.gamesgames.com/ (HTML5手机游戏)

  http://playwebgl.com/games/quake-2-webgl/ (HTML5 3D图形实现QUAKE2)

  http://phonegap.com/ (HTML5中间件,Nitobi公司研发的,刚被Adobe收购,看来Adobe做HTML5和Flash 两手准备了)

  更多应用可访问很棒的HTML5研究小组网站:

  http://www.mhtml5.com/

  相信不久,我们也能看到基于HTML5的原创特色应用。

  6.媒体:推波助澜

  当然,还离不开各类媒体的推波助澜,比如移动LABS;以及各类水手和围观者,比如我和你。

  (来源:html5研究小组)

发表评论

*