HTML5漫谈(2)–HTML5为什么这样红?

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 Widget(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 两手准备了)

 

5.媒体:推波助澜

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

时间: 2024-11-08 23:28:10

HTML5漫谈(2)–HTML5为什么这样红?的相关文章

HTML5漫谈(3)--HTML5发展需解决的8个问题

大家对HTML5期望很高,希望它继承Web应用开发简单.部署升级方便.可以跨平台,又能像本地应用那样功能强大,操作体验简便友好.我也在上篇"HTML5为什么这样红"中颠来倒去地讲HTML5如何的天生丽质.为何倾国倾城.然而,要达到大家的期望值,HTML5需要还需要做不少工作. 看来,天将降大任于HTML5也,少不了苦其心志.劳其筋骨.饿其体肤.空乏其身... 下面我们就聊聊HTML5技术相对于业务需求,目前存在的一些不足或者说可能制约HTML5业务发展的一些问题.当然,这些不足或问题,

HTML5漫谈(4)--HTML5应用平台:PhoneGAP

1.PhoneGAP是什么? PhoneGAP(http://phonegap.com)按官方说法,是HTML5移动应用平台,它包括两部分: 1)       应用开发框架:采用Web/HTML5技术编写应用,支持设备能力(如GPS.重力感应等)调用:支持能力插件灵活扩展.   图1 PhoneGAP支持设备能力API列表 2)       手机应用创建工具:将遵循PhoneGAP应用框架编写的程序转换/封装生成各平台支持的手机应用. 图2 进去的是网页,出来的是本地应用   2.PhoneGA

html5+-新手学习HTML5的几个小问题?

问题描述 新手学习HTML5的几个小问题? 在下刚学HTML5不久,正在自制一个HTML5视频播放器(即使用video标签),现遇到如下几个问题,想了好久不能解决?求大神解答: ①IE下视频全屏(即video.msRequestFullscreen();)下我的自制控制条(我没有使用video标签自己的控制条)不见了?这是怎么回事?(附:这个功能在Chrome下我以调试正常) ②IE下切换视频分辨率时,我明明设置了将切换后视频的播放进度设为切换之前视频的播放进度(即 var vTime = vi

实例:html5.js 让HTML5+CSS3制作的网站兼容ie6,7,8浏览

今天下载了html5.js插件,然后用html5+css3制作了个简单的网页布局,测试一下这个html5.js插件是否可以兼容ie6,7,8浏览器.做好之后用IETester在IE6.7.8这3个版本测试了一下,的确可行.这样也为以后用html5+css3建设网站提供了可行性. ie678浏览器演示效果 HTML5代码效果图 CSS3效果图 下载:html5+css3兼容ie678浏览器案例

jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器

最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案.因此我就在这里做一个demo,供大家相互学习.html5开发越来越流行了,而对于视频这一块也是必不可少的一部分.如何让你的网站占据优势,就要看你的功能和用户体验了.html5对video还是做了很多优惠的东西,我们使用起来很得心应手. 在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站.虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务.但是这种状况将会随

html5 上传-html5 XMLHttpRequest上传文件,后台获取不到文件

问题描述 html5 XMLHttpRequest上传文件,后台获取不到文件 在线等解答方法: function saveFile(){ var zTree = $.fn.zTree.getZTreeObj("file_type_tree"); var nodes = zTree.getSelectedNodes(); //var str_title = $("#file_real_name").value; var str_title = "测试&quo

使用HTML5 和CSS3创建现代Web站点

开始之前本教程假定您具有 HTML.CSS 和 JavaScript 的一些基本经验.假定您知道什么是 HTML 元素或标记.属性表示什么.HTML 标记的基本语法.Web 页面的常规结构等等.关于 CSS,您应该熟悉元素.类.以及基于 ID 的选择器.CSS 特性的语法以及如何使用内嵌或外部样式表在您的 Web 页面中包括 CSS.最后,假定您具有一些 JavaScript 的工作知识,例如什么是变量.函数.if 语句和 for 循环以及如何在您的 Web 页面中包括 JavaScript 代

html5-这样一个布局如何用HTML5和CSS3来显示?

问题描述 这样一个布局如何用HTML5和CSS3来显示? 解决方案 border-radius变为圆形,2个圆形嵌套 <!doctype html> <style> body{background:#ccc} div.line{height:30px;background:#000;position:relative} div.line div{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px

《HTML5游戏编程核心技术与实战》——导读

前言为什么写这本书对游戏的热爱使我萌发了写书的念头.漫画和电子游戏是童年最美好的回忆,任天堂的红白机陪伴着我度过了童年最快乐的时光,20世纪80年代,大街小巷的街机室成了孩子们快乐的天堂.随着时光流逝,许多经典的游戏画面已成为过去,但对游戏的热情依然不减,希望能借此书得以慰藉逝去的青春.青春不在,游戏热血永存! IT技术可谓日新月异,要想不被社会淘汰,就必须要不断学习,不断充实自己.HTML5是Web技术中提出的新规范.新生的HTML5技术虽然目前还不十分成熟,但我们可见它巨大的发展潜力,相信在