HTML 5 VS Flash 谁是海贼王?

原创
开发 前端 后端
HTML5仿佛一夜间受到大多业内巨头的青睐,有点像《海贼王》里面的路飞,虽然未成长到足够强大,但仿佛人们都已经看到了他的未来,陆续对他伸出了友谊之手。若说HTML 5是路飞,那Flash就是世界政府。

一 两年前,HTML5似乎还是一个模糊的概念,只有少数几个互联网的书呆子才会关心。而现在,却感觉仿佛HTML5无所不在了。感谢Mozilla和 Chrome的快速发布,以及微软IE9的部署(IE 10现在也处于“技术预览”状态了),HTML5仿佛一夜间受到大多业内巨头的青睐,有点像《海贼王》里面的路飞,虽然未成长到足够强大,但仿佛人们都已经看到了他的未来,陆续对他伸出了友谊之手。若说HTML 5是路飞,那Flash就是世界政府,占据着97%以上的市场份额,不管你恨或者不恨,他就在那里,傲世Web前端。新生革命军HTML 5的使命是弥补上一代 HTML 的不足,具体说,是实现 Flash, Silverlight, JavaFX 所能实现的功能。HTML 5,这个 HTML 明日之星既然想改变Web 应用的游戏规则,那么和Flash就必有一战。

51CTO推荐专题:HTML 5 VS Flash 谁是海贼王?

 什么是HTML 5?

根据维基百科上的解释,HTML 5 的前身是 Web Applications 1.0,由 WHATWG 于2004年提出。2007年,它被 W3C 接纳,并于2008年1月22日发布第一份正式草案。

以下摘录自维基百科的文字介绍了 HTML 5 的特点和与 HTML4 的差别:

◆ 新应用程序接口(API)

◆ 即时二维绘图

◆ 定时媒体播放

◆ 储存

◆ 离线

◆ 编辑

◆ 拖放

◆ 通讯/网络

◆ 后退按钮管理

◆ MIME 和协议处理程序时表头登记

与 HTML 4 的不同之处

◆ 新的解析顺序

◆ 新的元素:section, video, progress, nav, meter, time, aside, canvas

◆ input 元素的新属性:日期和时间,email, url

◆ 新的通用属性:ping, charset, async

◆ 全域属性:id, tabindex, repeat

◆ 移除元素:center, font, u, strike, s, frameset, frame, applet

HTML 5 与 Flash之争:Flash将被取代?

乔布斯是传奇,不仅体现在他一手打造的苹果帝国,也体现在他的个人魅力。2010年乔帮主振臂一挥,拒绝在iPhone上应用Flash技术,Adobe的黄河大坝就绝了提。Opera、苹果和Mozilla三家主要浏览器厂商自2004年以来一直在和WHARW机构一起致力于HTML 5的制定。Opera首席执行官Jon von Tetzchner在接受采访时表示,下一代HTML语言将使得Adobe Flash技术显得很多余,HTML 5的开放Web标准提供了除Flash之外的富媒体网络内容发布方法。投资公司Elevation Partners合伙人、Facebook投资人罗杰·迈克奈米(Roger McNamee)近期接受采访谈到了当前影响科技行业的最重要趋势。他认为,HTML5将改变一切。迈克奈米表示:“通过HTML5技术,广告是应用,Twitter消息也是应用,所有一切都是应用。” CSS 之父 Håkon Wium Lie与jQuery之父John Resig都在访谈中称力挺HTML 5.

HTML 5改变移动互联网取代Flash

乔布斯带领的苹果所创造出的iPhone和iPad这两件划时代的产品,深刻地影响了移动互联网的发展。苹果在移动互联网市场上最大的竞争对手则是另一家极力支持HTML5的大公司,比如他家的Youtube就已经部分使用了HTML5,Chrome浏览器也是率先宣布全面支持HTML5的浏览器之一。同样按耐不住的还有微软,IE主管Dean Hachamovith在官方博客上表示,HTML5是Web的未来,IE9将支持HTML5。如果乔布斯和谷歌微软们都认为HTML5终将改变互联网世界,那么我们又有什么理由说不呢?

◆ 改变移动互联网应用的开发方法:一方面,移动互联网应用开发者能通过使用HTML5方便地利用原来HTML语言编写的设计,Web开发人员也更容易上手;另一方面,HTML5在与富媒体的结合上十分便利,产品可以具备更高质量,实现大量新增的表现效果。最重要的是HTML5的移植非常简单,可以让应用程序员将精力集中在一个版本的应用上,而这个应用却可以在多个浏览器流畅运行。不需要再对挑战移动设备原生应用每一个操作系统平台进行单独的应用开发。

◆ 挑战移动设备原生应用:HTML5将挑战智能手机等移动设备上目前已成为标准的app原生应用形式。一方面,HTML5可以轻松地使以其编写的应用在各种移动平台和设备上运行,从而避免每一个平台去开发一个原生应用,Web技术也无疑会给用户创造更一致的用户体验;另一方面,由于原生应用必须通过下载、安装等一系列操作才能使用,而这个过程中用户的流失率很高,降低了用户体验,造成诸多不便,而基于HTML5的web应用则只需打开网页就可运行,可以十分有效地降低用户流失率。当然,对于移动设备来说最关键的,HTML5相比那些需要调用Flash等功能插件的复杂原生应用来说,运行时功耗低,更节能。

◆ 改变应用的宣传方式和购买方式:由于有了web上方便的应用提供,用户不用再完全依靠从应用商店购买应用,这些应用商店往往都收取30%的提成,这将完成始于应用商店创建理念的革命,这样一来,应用商店将逐渐失去对应用购买渠道的控制权,渠道的增加,应用的增多,许多内容就会免费,新的付费方式和盈利模式也会应运而生,比如现在开始流行的应用内置广告,内置付费等。有了这样的变革,新的市场也会得到开拓,移动互联网市场将得到更进一步的前所未有的增长。

◆ HTML 5正在蚕食Flash:国外Youtube、Facebook以及各大浏览器厂商都已经在支持HTML 5。国内网易邮箱、新浪邮箱、淘宝等技术负责人在接受采访时告诉51CTO记者,他们也已经开始使用HTML 5,并加大了对HTML 5应用的研发力度。

HTML 5 与 Flash之争: Flash仍有较大优势

2004年,网络超文本应用技术工作组(WHATWG)提出了HTML5的草案,其前身名为Web Application 1.0。从这一名字可以清楚地看出,HTML5的提出是为了解决网络应用的需求。2007年,这一草案为W3C接纳,并成立了新的HTML工作团队,2008年初,第一份正式草案公布。至今,七年时间已经过去,HTML 5仍然还停留在草案阶段。负责编纂标准格式文件的谷歌代表Ian Hickson预计,可能要等到2012年才会推出“建议候选版”。而Flash技术是建立在多年积累出来的开发框架、代码库以及开发工具之上的。而Flash的开发者也已经形成规模与社群,能够借助原先的代码库与开发工具进行更有效率的开发。从这点来看Flash具有较大优势。

Flash技术优势

在HTML5和Flash性能比较上,根据http://www.craftymind.com/guimark2的结果:在PC平台上,

◆ Vector Charting Test:HTML 5差不多慢一倍

◆ Bitmap Gaming Test:HTML 5慢将近2倍之差

◆ TextColumn Test:Flash慢了很多

而在移动设别上测试同样的benchmark上,Flash的成绩就要好得多。

◆ Vector Charting Test:Flash快8-15倍

◆ Bitmap Gaming Test:Flash快2-6倍

◆ TextColumn Test:Flash快1.3-5倍

盛大创新院潘爱民认为两者的性能会越来越接近,但近几年HTML 5想追上Flash仍然很难。有一些先天问题。毕竟Flash是一个专门为图形动画天生设计的。在他看来,HTML 5仍不完善,各项标准还在不断改进中,目前还难以承担起独立支撑起一个Web应用平台的角色。Brian Fling, pinch/zoom的开发商及一本写移动程序发展的畅销书作者Fling说“如果你懂得HTML,你就会在一小时内明白HTML5新颖的地方在哪里。”但是,他说,没有了JavasCript及CSS,HTML5几乎什么也不是。设备探测,离线数据,JavasCript工具,测试,调制及主题都是需要用已有的工具解决的问题。

HTML 5存在安全问题

万维网创立者蒂姆·伯纳斯-李(Tim Berners-Lee)曾经表示大家一直热衷的HTML5协议实际上为未来网络技术埋下危机,可能造成技术的复制及差异。诸如HTML5之类的新协议的统一只是网络目前面临的为数众多的技术和社会挑战中的一项,伯纳斯-李认为,“新的网络很广阔,也有很多先进的领域将并行。HTML5涉及很多创新及发明,大家对于HTML5到底该是个什么样子都不明确,每隔十个月开源的数据就会加倍,确实有很多技术领域需要关注”。 欧盟计算机安全机构最近发出警告称,作为HTML5重要组成部分的某些开发层标准正经历变更,而此类变更很可能导致大量严重安全问题的出现。ENISA对HTML5的总计十三项规范进行了审核,从中查出了五十一项安全问题。

谁是海贼王?

至于HTML 5与Flash之争谁能笑道最后,成为传说中的海贼王,CSS之父 von Tetzchner在采访中说 Flash 在 Web发展历史中,扮演着极度重要的角色,以至于在今日的「完整网络体验」里,Flash 是不可或缺的重要部份。但是,最终Flash问题的解决,钥匙还是在网站开发者的手里 -- 事实是现在有越来越多的上网装置,因为各式各样的原因无法使用Flash。做为开发者看到这一点,是改成用 HTML5 / CSS3 之类的新开放技术重要编写网站呢?还是继续用 Flash 呢?如果发生的是前者,那 Flash 终究会慢慢走入历史;如果是后者,那就变成硬件和软件两方面都要配合,确保 Flash 能继续使用下去。得开发者得天下! 

【编辑推荐】

  1. 不得不知HTML 5的10件事
  2. HTML 5&Flash之粗知浅见:谁对HTML 5最迫切
  3. 当Web设计师遭遇HTML 5
  4. 49个超炫的HTML 5示例
  5. 我们离HTML 5还有多远?
责任编辑:陈贻新 来源: 网络整理
相关推荐

2011-10-17 14:49:22

IT技术周刊

2009-09-01 18:19:42

2012-07-23 14:04:48

遨游浏览器傲游浏览器

2011-11-28 10:03:29

HTML5移动应用

2011-08-02 11:02:59

HTML 5

2009-05-26 08:51:38

HTML 5FlashOpera

2015-01-21 16:41:27

手游

2011-09-23 10:24:23

HTML 5

2011-07-15 15:50:35

2011-08-09 09:06:43

HTML 5

2009-06-17 11:29:51

HTML 5

2015-12-09 10:41:51

2009-07-21 08:34:16

HTML 5FlashSilverlight

2015-10-09 16:07:26

2015-09-16 17:17:58

2010-02-03 10:36:00

HTML 5Flash视频

2012-07-17 09:41:20

微软谷歌Office

2012-05-08 11:35:01

傲游HTML5

2010-03-08 08:51:59

FlashSilverlightHTML 5

2012-08-08 10:20:43

HTML5
点赞
收藏

51CTO技术栈公众号