说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

HTML5定稿了,为什么原生App世界将被颠覆

HTML文档下载 WORD文档下载 PDF文档下载
2014年10月底,HTML5规范正式定稿,结束了长达8年的长跑。数字天堂董事长,DCloud CEO王安梳理了HTML5诞生至今的演变过程,并从开发者和用户两个角度分析了HTML对两个人群的优势。

2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,这个长达八年的规范终于正式封稿。

过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来,HTML5将颠覆原生App世界。这听起来有点危言耸听,但若认真分析HTML5的发展史,你会发现,这个世界的发展趋势确实就是这样。

熟知历史才能预知未来,先让我们来看看HTML5为什么诞生、这8年是怎么过来的。


作者简介:王安,数字天堂公司董事长,DCloud CEO。

HTML5的诞生

自W3C于1999年发布HTML4后,Web世界快速发展,一片繁荣。人们一度认为HTML标准不需要升级了。一些致力于发展Web App的公司另行成立了WHATWG组织,直到2007年,W3C从WHATWG接手相关工作,重新开始发展HTML5。

HTML5的发展史,有用户的需求在推动,有技术开发者的需求在推动,更有巨大的商业利益在推动。

在互联网的早期,对用户而言,能打开浏览器接入到互联网世界就是一个神奇的事情,但互联网发展到2005年前后,开始出现下一个变化,就是宽带互联。

随着宽带的普及和电脑性能的增强,人们不再满足于单纯的通过互联网看新闻、收发邮件,消耗更高带宽的娱乐产品开始出现,就是流视频和网页游戏。其实视频和游戏是古老的需求,在互联网不普及的时候,需求的满足方式是离线传输的VCD和游戏光盘;后来互联网逐渐普及,人们更改了使用方式,通过下载软件+本地媒体播放器来看视频,下载体积较大的端游玩游戏。

但是对消费者体验更好的新方式还是出现并颠覆了以前的一切,那就是流媒体和网页游戏。YouTube等公司把握住潮流飞速崛起,各种页游公司也如雨后春笋。

但是HTML标准没有把握住产业的变化及时演进,浏览器产品也未升级,这块新需求被浏览器插件满足了,那就是Flash。这个部署在亿万浏览器里的商业插件俨然成为事实标准。2005年Adobe巨资收购Macromedia,把Flash收归旗下,紧接着大幅推广FLV流媒体和action script语言,很明显这桩收购可以列为IT并购的经典案例,FLV流媒体和Flash游戏风靡互联网,Adobe在新的产业升级中攫取了大量的利润。

除了Flash这个商业产品成为了事实标准,W3C还面临一个尴尬,就是另一个私有扩展协议的制造者—IE。IE当时在桌面浏览器占有垄断地位,并且扩展了大量的IE Only语法,开发者完全不知道这些语言是谁定义的。整个Web世界,就被两家公司微软+Adobe绑架了。

很多IT巨头都坐不住了,尤其是苹果和Google。PC操作系统的世界难有突破,Web浏览器被苹果寄予厚望,而且第一代iPhone只支持网页,那时还没有Appstore,Safari是乔布斯非常看重的产品;新贵Google虽然大量赞助Mozilla,但并未对IE的地位产生实质影响,收购了YouTube后发现底层被Adobe控制,也是非常难过,而且Google每年给IE的搜索框和Adoble FLV缴纳的费用真不是小数目。

既然大家都是W3C的主席单位,好吧,我们重新开始做HTML5吧。

是的,HTML5其实就是这么诞生的。那是2007年,IE和Flash由盛转衰的转折点。

HTML5第一阶段:Web增强与破垄断

自HTML5诞生以来,一共经历了两个阶段,分别是Web增强和移动互联网。我们先从Web 增强说起。

Web体验的丰富增强主要表现在:1. WebApp,比如Gmail;2. 流媒体;3. 游戏。我们就这3个方面来讲HTML5做了什么。

  1. WebApp:HTML5新增了离线存储、更丰富的表单(比如Input type=date)、JS线程、socket王乐、标准扩展embed、以及很多CSS3新语法…
  2. 流媒体:HTML5新增了Audio、Video
  3. 游戏:HTML5新增了Canvas、WebGL

当然还有Google努力在HTML5中推进Header和Section等标签,以利于搜索引擎分析,这些不多述。

HTML5补充流媒体和游戏能力后,加上苹果强势拒绝在iOS上引入Flash,成功的遏制了Flash的发展,然后就该遏制IE私有语法了。

在HTML5标准的升级过程中,苹果和Google同时也看到了浏览器市场重新洗牌的机会,他们一方面参与HTML5的规范,一边在浏览器产品上发力。Apple首先开始大力发展Safari,建立WebKit开源项目,Mac、iOS、Windows多平台齐发力;Google起初是赞助Mozilla开发Firefox,后来自己开发了v8引擎,合并WebKit,于2008年正式推出Chrome。“IE的私有规范+Flash不是标准,我们才是标准”这样的口号在新一代浏览器大战中打响,IE瞬间成为千夫所指的垄断代表,甚至成了阻碍Web发展的罪人(当时IE6已数年未更新,并且丝毫不惧Firefox的发展)。

偏偏微软此时也出了晕招,推出了一系列即不完整支持规范又互相不兼容的IE7、8、9、10,彻底失去了开发者的心。

Adobe的Flash被遏制,与Web霸主的位子擦肩而过;IE的私有标准被遏制,并且造成IE市场份额不停下滑,直到IE最新的移动版本反过来开始支持WebKit私有语法,真是令人唏嘘。不知道HTML6是不是该打倒WebKit垄断了。

用Delphi4的QReport部件生成报表 用Delphi编写打印程序的窍门 用Word做Delphi报表输出工具 在DELPHI 文 本 和 图 形 的 打 印 在Delphi中运用QuickReport实现多栏列印 在打印或打印预览前如何获取报表页数-Delphi资料 自定义快速报表的打印预览窗口-Delphi资料 Delphi 3 图形VCL中Bug修改方案 Delphi hint的字体和色彩如何改变 Delphi3.0中复活节彩蛋及实现 Delphi数据库应用程序开发中图像数据的存取技巧 DELPHI图形编辑技巧二则 DELPHI显示JPEG图像文件 Delphi中CANVAS使用三例 Delphi中的图形显示技巧 DELPHI中画布应用技巧 Delphi中控件深度投影及阴影效果的实现 DELPHI中利用对象的常用属性制作动画 Form生成时的事件次序-Delphi资料 LED数码管仿真显示程序-Delphi资料 TPaintBox与TImage的比较-Delphi资料 WINDOWS基于调色板的图像消隐-Delphi资料 改变图片效果-Delphi资料 改造HINT的输出方式-Delphi资料 基于Delphi的图像漫游 将BMP放入Paradox的BLOB的字段中-Delphi资料 界面色彩渐变效果的实现-Delphi资料 如何查阅可视窗口标题-Delphi资料 如何得到Timage控件的DC-Delphi资料 如何关闭一个MDI子窗口-Delphi资料 如何检测鼠标击了哪一个对象-Delphi资料 什么地方能够找到《Exploring Requiremengs:Quality Before Design》这本书? 关于制作一个classwizard的设计思路,欢迎大家讨论 weblogic server console: java.lang.NullpointerException 如何得到本局域网上所有主机的ip? 请问: 如果在网上可以通过网页上传某些文件到服务器空间上,并显示一些关于上传文件的信息~ 一段检测光软驱的程序,大家帮忙除Bug! 为何会死机? 高分放送,木马病毒求救! tomcat下的分布怎么做? 各位使用手机的老鸟,2000左右的手机什么牌子的好 喜欢硬件朋友请进来看看。 如何复原被Linux改写的引导扇区呢 请问各位大虾,怎样将c++同数据库结合起来 大哥......你继续看!!!??? 喜欢硬件朋友请进来看看。 在哪里调用方法?是在cpp文件还是在.h文件里? 初学者关于显示的问题? depunf朋友,您好,stringgrid那里有delete啊?敬请赐教! formula one报表打印问题 d3d头文件的错误? 执行了insert语句之后我怎么得到刚刚插入的id值啊?快快,在线等待 为什么找不到服务器? 如何禁止用户调整窗体大小?但最大化、最小化和关闭按钮仍在。 各位: 如何让系统认识带小数的字体如:7.5? 没有经验,请有实际经验的朋友回答:) 请问pb8.0+sqlserver2000怎么配置数据源!(sqlserver2000与asa7.0连接数据库时有什么不一样!) 光盘能装超过700MB的数据吗? 考程序员要考的内容? 100分呀,哪里有钱能的C++电子书下载? 同学的一台电脑,放mp3有声音,但是放mtv却没有了声音,是怎么回事? 在线等待,我的excel密码忘了,长度大约为6个到8个,请大家帮帮忙 请问,我在使用Excel制作表格的时候,有一项需要输入身份证号码。可是填入18位身份证号码后,一换行,号码的后3位会自动变为000。请大家 请教如何处理JSP网页中的路径问题? SQL 中如何与用户交互? 如何把参数传到框架页中的子页(aspx页)? google怎么了?~我这几天一直都不能访问,我重装了系统,不知道是不是这个原因。谢谢了^_^ About RowMoved 40分,只要一个类似XP菜单的插件,请帮忙? 请教高手gcc/g++、dev c++是干什么的? 善待自己 NO.2 与往事干杯 帮帮我 我刚学delphi !!!!!谁知道那里有他的中文帮助?! 关于手动生成Doc/Frame/View的问题,我已经写一个失败的例子,各位帮我看看错在哪了? 电脑发烧友看看怎么折腾这老爷机? 请问如何让程序每间隔一定时间自动修改一个APPLICATON变量的值? 帮帮我 我刚学delphi !!!!!谁知道那里有他的中文帮助?! java 的BufferedOutputStream的问题 含泪升级我的软件,可恶的破解者 fokker(独孤龙),meizz(梅花雨)请进:) 我应该选择哪一个? 在"反恐精英"服务器上如何通过程序实时提取每个用户上线及下线的时间? vb中控制多个打印机同时打印怎样解决? 材料作文800字的, 四妙丸的成分功效是什么? 列举“三星堆”文化出土的青铜器 细胞的各部分都具有什么作用 四妙丸最大的作用是什么 我国西南地区的成都平原,盛行的独特的青铜文化是什么?那里出土的青铜器有哪些? 根的哪些部分具有渗透作用根冠,根尖分生区,根毛区这些哪些有渗透作用诶 求四妙丸配方,谢谢傲些何妨老师,是治疗关节炎的,劳你操心, 三星堆出土的青铜器有哪些?请举例,要图片的 在水处理工艺中,各部分分别起什么作用? 同仁堂四妙丸的配方是什么 有什么效果 熟练建筑工人每日砌砖量 平均多少块? 抗体 蛋白质之间的关系 四妙丸的作用有哪些? 成都平原美称为“天府之国” 江汉平原被称为? 蛋白质分解酵素有什么作用? 如何确定循环水系统的补水量、排污量? 氨水和二氧化碳气体能否导电氨水是不是电解质 根据周杰伦的歌《爱在西元前》谈一谈你对两河流域文明的感受以及对那时候人们生活的猜测越多越好啊,自己的想法,什么都行,就是别离题啊!让我借鉴一下,参考^^ (=- =|||)http://mp3.baidu 电厂闭式循环水排污量如题 想做一个植物组织培养实验,比如说梅花,要些什么原料?生长素,分裂素在哪能买?要体现他们的全能性哦! 现实生活中,随着流行音乐的,影视文化的传播,戏曲艺术日趋衰弱,曾经人才辈出的剧团青黄不接,曾经广为传唱的曲子曲高和寡.那么戏曲的出路在哪里?请你写出几个点子. 600m3/h循环水PH为4, 取部分水将PH调至12, 处理成清水后流回循环水, 使循环水PH调节至5.5 ,求取水量 什么是瓦斯抽采率 听周杰伦歌曲《爱在西元前》,根据歌词谈谈你对两河流域文明的感受以及对那时候人们生活的?C写具体些,最少200字,好的我给追加200字啊,这个答案我早就知道了 二楼的,太多了啦,可不可以缩 怎么办 生物氧化和燃烧有何异同? 施保利通片功能与主治 效果好吗 高中物理学不好怎么办啊特别是电磁 生物氧化和体外燃烧的区别是? 施保利通片的作用 成分功效是什么 为什么高中物理学不好 非生物氧化与生物氧化的异同是什么? 宝宝 看病可以吃施保利通片吗?宝宝十六个月了还不会走路,不肯吃饭不吃奶粉,什么都不肯吃,去医院看病,验了血,缺钙缺锌配了药,还配了施保利通片,我看了又不是吃我宝宝那种病啊!那啊能吃 为什么有人高中物理学不好我想了解一下学的不好的学生存在的问题 最好有亲身经历的 为什么学不好 做得太少?一般都做多少题 是遇到题就没思路吗? 草履虫的大核主要功能为营养代谢,我们周一就考了 教师怎么上一年级第一节英语课 刺五加片的成分有哪些 有何功效 英语语法的分辨 双宾与复合宾语 并列与复合句双宾语与复合宾语(即宾+宾补)要怎么分辨?并列句与复合句又要怎么分辨?比如Lend me your pen与They elected him their monitor.一句是双宾语,一句是复 物理高中难学不 刺五加片的效果?请问一下内行人刺五加片和刺五加脑灵液的效果一样吗?刺五加脑灵液可以用刺五加片代替吗? 它们的功效都是什么啊? 感激不尽! 小心驶得万年船,万年船是宾语,这个没有主语,那用英语语法怎么排列这个主谓宾句子? 小学一年级的英语课可以不上吗? 刺五加片治什么病 有什么作用呢 体内氧化与体外氧化的异同? 一块长方形铁皮长35cm,宽30cm,从它的四角切掉边长5cm的正方形,然后焊成无盖的盒子,这个盒子的容积是多少毫升? 物理在高中难学不? 刺五加片治疗失眠效果如何?刺五加片的说明书上写着“适用于脾肾阳虚”.前一段医生给我开的药中含刺五加成分,因此我现在自己买刺五加片服用,不知此药对治疗失眠效果如何?另外,如果不 从酶的结构与功能角度阐述催化机理 小学的第一节英语课全文是什么? 英语翻译请问“商用厨具”用英语怎么说啊 沼气发电工程需要什么设备? 急求小学一年级课前三分钟演讲的英语主持稿 动物细胞中的一类基因是维持基本生命活动的.在各种细胞中都处于活动状态.另一类基因是选择性表达的基因.右图是能产生A抗体的细胞.关于该细胞中三个基因的开闭状态,下列说法正确的是A 小学六年级图形题1个!急啊!要过程啊 结合材料 运用文化生活相关知识,分析文化继承与发展的关系徐悲鸿作为中国现代美术的奠基者,以画马著称于世.他擅长素描、油画、中国画,并把西方艺术手法融入到中国画中,创造了新颖而 六安哪里卖化学试剂瓶的? 加味左金丸有什么功效?成分是什么? tap tap revenge4玩用流量吗? 三星堆青铜器与商、周两朝的区别和相同之处.
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘