html5现状,css和html的发展和现状

学html5前景怎么样

ITBear科技资讯

风口上的HTML5，今年的发展方向会有哪些？

2016/1/15 16:08:52 来源：钛媒体 编辑：2437

HTML5 的应用仍存在巨大的上升空间，近期内很可能从广告行业逐渐往游戏行业、广播电视行业和媒体行业转型，不远的未来还能把触角伸得更远。作为新一代Web 开发标准，HTML5这把火势必烧到来年。

风口上的HTML5，今年的发展方向会有哪些？

2014年下半年，微信帮助捧火了HTML5小游戏，自此国内各行各业开始对HTML5保持持续高涨的关注。接着的2015年是国内HTML5行业迅速发展的一年，在媒体大肆渲染“互联网寒冬”之际，HTML5作品的生产数量和传播广度却居高不下，为寒冬增添一把柴火。

如图，根据百度指数对关键词“HTML5”搜索趋势结果，2015年“HTML5”的指数约是2014年的1.5倍；而HTML5的简单说法“H5”在2015年的检索量是前一年的2倍多，直逼“HTML5”。

风口上的HTML5，今年的发展方向会有哪些？

2015年，国内HTML5的传播仍以移动端为主，但简单的翻页这种低层次的设计已经不再适应大部分受众的需求，HTML5平台也开始由简单的工具应用逐步转型。其中，发展得比较快的是面向商企用户的iH5，自主研发引擎，并于2015年年底添加即时通讯功能和线上交易机制。

为什么是HTML5?

Web应用开发新标准

HTML5，第五版超文本标记语言，于2014年10月由万维网联盟(W3C)发布为正式推荐标准。它是HTML自1991年问世以来，最具变革价值的技术规范，历经多年修订与完善才制定完成。

过去，Web开发面临两种困境：

（1）不少人质疑Flash的安全性等问题，却找不到替代它的合适插件；

（2）工程师们抱怨PC端和移动端应用的多次开发，仍旧得为微软、苹果、安卓等系统设计不同方案。

而HTML5提供了良好的解决方案。与JavaScript、CSS等紧密结合后，HTML5能使浏览器不需要类似Flash的插件也能实现桌面应用的交互效果，它的跨平台可用性更令应用的一次开发成为可能。

风口上的HTML5，今年的发展方向会有哪些？

如上图，Youtube使用HTML5的video元素进行标记后，网页不需要第三方插件就能播放音视频等。因此，HTML5的兴起具有非常深远的意义，它已经从简单的标记语言化身为Web应用开发的先驱。

HTML5应用现状

从硬件角度来看，国内手机和平板两种移动设备应用最广，PC端次之，紧接着是电视和游戏设备。

从软件角度来看，桌面浏览器对HTML5的支持高于移动浏览器，最高可达95%；而从整体上而言，移动浏览器对HTML5的支持却优于桌面浏览器。

HTML5具有较好的浏览器向后兼容性，开发者能对浏览器不支持的情形设计各种各样的回退方案。因此，HTML5页面的实际显示性能与开发者、制作平台密切相关。

2015年，越来越多公司在HTML5品牌推广上进行布局。6至7月份起，鸡汤、自媒体等个人作品呈下降趋势，商企用户作品则保持高速增长。在商业需求的驱动下，HTML5页面设计的目的性更强，获得最好传播效果的基本是经过一定时间策划，在团队操作下有针对性地进行投放的企业案例。

风口上的HTML5，今年的发展方向会有哪些？

相对应地，原有HTML5平台也进行了大面积升级。从平台性质而言，HTML5平台可分为轻营销模板类、功能引擎类和基础工具类三种，分别以易企秀、白鹭引擎和iH5为代表。

三类HTML5平台的特点如下——

(1)轻营销模板类：提供类似PPT页面切换的HTML5制作工具，通常面向C端(个人)用户，部分为B端(企业)用户。该类平台的数量较大，只适用于轻度营销，所能提供的页面动态效果局限于翻页。

(2)功能引擎类：提供HTML5网页的开发引擎，通常面向B端用户。该类平台主要提供基于Canvas（画布）的游戏引擎，适用于轻游戏的开发，依赖于开发者。

(3)基础工具类：提供用于页面交互的HTML5可视化编辑工具，主要面向B端用户，部分为C端用户。该类平台只有iH5，采用自主研发的闭源引擎，应用领域广泛，涵盖轻度营销、重度营销、媒体电商内容应用、视频、动画、游戏等方面。

与浏览器多采用谷歌开源引擎的状况相近，国内HTML5平台基本使用国内外开源框架或引擎。但和浏览器面向网页内容显示，只需提供高性能的技术支持不同，HTML5平台面向的是HTML5制作或开发，需要对网页质量负责。因此，使用开源框架或引擎意味着这些HTML5平台进一步拓展业务会比较被动，容易面临同质化的困境。

三类HTML5平台的对比

因为整体上移动端浏览器对HTML5的支持优于PC端，2015年HTML5平台主要面向移动端网页的制作和开发。

风口上

相关问答

Q1: 什么是HTML5及HTML5的发展前景

现在的HTML5就像当年崭露头角时的Ajax，有人在做，但不知道叫它什么。最近，苹果在HTML5上大做文章，而著名的Web设计师Eric Meyer则提出了Web Stacks的概念。Alex Kessinger是Yahoo的一名前端工程师，本文是他对HTML5应用现状与前景的思考。

开源模式带来转变

O’Reilly创始人，TimO’Reilly，一位开源的支持者，曾在《Open Source Paradigm Shift》中如是说：

"IBM对个人电脑设计的商品化使利润从硬件转移到软件这一层面，而开源将带来新的财富"

价值在不同的层面转移，HTML5将成为新的层面，商品的价值在下降，现时的浏览器已经成为商品，但这并没有问题，只要它们都遵守标准。人们说，我们可以将操作系统置入浏览器中，但这行不通，如果我们可以从过去的经历中学到些什么，那就是，不能简单照抄过去的模式，好比广播到电视的变迁，你不能简单地在一个播音员面前放台摄像机完事，将操作系统置入浏览器未必比HTML5离线应用本身更有价值。

发布渠道的重要

诸如苹果应用商店，Android应用商店一类的渠道将成为主导，另外，一些新的，象Valve游戏渠道，Netflix电影渠道一类的东西将会出现，在”云“时代，这些发布渠道将像桌面时代的操作系统一样用来对用户进行组织和归类。

我们是如何到达现在这个阶段的?

有两个关键的因素。

感谢Web标准

尽管浏览器市场并不统一，但至少他们都运行HTML，JavaScript和CSS。当我们希望通过Web推出一些东西的时候，我们知道，无论如何，用户都能看到，然而你能想象人们都自己定义Web时的情景吗，假如有人不使用HTTP协议，或者不使用HTML，那才是世界的末日。W3C一类的组织让各个浏览器厂家都保持同一个方向。

还好，我们并没有很多渲染引擎

浏览器并不好做，数十亿的网页，参差不齐的代码，这些东西让独立开发者没有机会单独设计浏览器，因此，有能力设计浏览器的始终是那么一小撮厂商，事实上，时至今日，我们只有四种主要的浏览器渲染引擎，Trident(IE),Gecko(Mozilla,Firefox),WebKit(Chrome,Safari),以及Presto(Opera)，而众多浏览器都是建立在这些渲染引擎之上的。这意味着，不管在什么样的设备上，我们不用太担心它使用什么样的浏览器，不管什么设备，只要它有一个浏览器，就有一个可以运行HTML5的环境。

标准何日面世？

关于HTML5成为标准的时间，IanHixie的说法最受认可：

“根据估计，HTML5直到2022年才会形成W3C推荐标准”

然而，虽然标准的形成尚待时日，但浏览器厂商已经在实现各种HTML5功能。

功能探测vs浏览器探测

如果你是开发者，你可以使用那些高级功能，但需要进行功能探测并提供渐进式设计。坊间有大量的功能探测库，如Modernizer，另外，Mark Pilgrim有一个清单，它可以让你探测任何功能。

离线API

离线API是一切HTML5应用的基础，不单单是离线数据的事，对开发者来说，拥有本地存储（local Storage）自然很好，但如何让程序完全离线运行？Application Cache是答案。如果不能离线保存源文件和数据，我们就无法实现离线的HTML5应用。

我们目前有几种离线存储机制，简单的如localStorage和SQL存储引擎，已经有一些浏览器在支持了，而最新的明星是IndexedDatabase，它得到了所有主流浏览器支持。这些离线保存应用和数据的能力，是HTML5的基础，目前，Webkit，Firefox已经可以实现，而IE9也即将实现。即时IE9的支持还需要等待，想一下，最需要离线应用的场合是哪里，自然是智能手机和上网本，智能手机多数都是用Webkit。

W3C Web应用工作组：HTML5应用的下一步

W3CWebApps标准已经做了大量工作，包括API及HTML5 Web程序细则。

HTML5应用的打包部署HTML5 apps–QuirksBlog博客文章中说，"对于本地/离线HTML5应用，W3C Widget packaging and configuration是首选机制，并将成为事实标准，很多厂商已经开始对之进行实现。W3C Widgets支持任意平台的Vodafone S60和Samsung手机,Opera桌面与移动浏览器，Bolt浏览器以及Windows Mobile6.5。BlackBerry也支持，不过需要特殊的Java包。"这些都是标准，本质上讲，如果你有一个HTML5应用，它就会包含HTML,CSS,以及JS，这些标准只不过偶是帮助开发者将他们的程序打包发行，如果你熟悉PEAR,它们是很相似的概念。你可能需要一些元数据，告诉系统你的程序是如何打包在一起的，在支持这些标准的平台上，你就可以保证你的用户可以顺利运行这些程序。

其它

HTML5还有更多API可以帮助开发者创建应用，这些API可以让你的程序访问诸如本地文件，摄像头，SOCKET通信服务，以及硬件动画加速等。这些API仅仅是开端，这样的API后期会越来越多。

HTML5程序可以应用在哪里？

当然是浏览器，如果一个设备拥有一个浏览器或渲染引擎，而且这个引擎是现代引擎，它就可以运行HTML5程序。HTML5程序会应用在以下几种场合。

桌面

如果你拥有一个符合Web标准的浏览器，就可以运行HTML5应用。桌面仍然很重要。

指定站点浏览器

诸如Gmail一类的站点可以看做一个应用，使用专门的浏览器运行，这样的浏览器没有地址栏，是专门用来运行指定站点应用的，甚至可以制作一个安装包来分发。以下资源值得一看，Prism,Fluid/Fluidium以及NativeHost。

移动领域

这是HTML5最热门的运行场所。iPhone可以和很多程序集成，将你的程序显示在它的今日桌面（这里有一个教程），Android也支持需要的HTML5API，但集成不够好。未来几年，支持HTML5的移动浏览器将如雨后春笋，将你的应用向HTML5迁移是很明智的，因为HTML5将很好地运行在这些设备上。

跨界领域

已经有公司即将发布电视平台，GoogleTV以及AppleTV，Google表示，他们的TV平台将支持HTML5，我们不知道苹果的TV平台将支持什么，鉴于他们最近对HTML5的一系列炒作，很有可能也支持。另外一些电视盒厂商，如Boxee业已开始支持HTML5，如果你想为Boxee开发应用，与其专门为它开发，不如直接使用HTML5。

跨界领域拥有大量的平台，那些可以连接电脑的电视的数量在不断增长，我们已经可以在电视上全屏观看YouTube，而备受欢迎的Wii则内置了Opera。所有这些，都将借助HTML，CSS与JavaScript。

HTML5应用商店

Eric Meyer讲到了HTML5应用程序问题，他将HTML5应用成为Web Stack Apps，HTML5要获得更多关注，可以建立HTML5应用商店。Chrome正在这样做，而Palm已经有了一个这样的东西。

应用商店是很好的东西，开发者可以直接得到报酬，而无需像现在这样靠广告维持，同时，用户也将有一个地方去为他们的设备寻找程序。

HTML5市场前景

HTML5在快速成长，值得所有人密切关注，最近的一两年，会有很多公司进入这个领域，我们或许会在Chrome应用商店看到一些重量级厂商，我们也有希望在Google TV和Apple TV领域看到一些应用商店的出现。HTML5会像传统的Flash，Flex，Silverlight，Objective-C那样，形成自己的生态系统。HTML5将比Flash,Flex,Silverlight以及Objective-C更容易出现在任何设备。

对于年轻一代开发者，HTML5应当是他们首选技能，HTML5会形成很大的市场，很有很多公司需要这方面的人才。

Q2: HTML5在外国发展趋势如何？高分

有啊，现在80%浏览器都支持HTML5，IE相对来说弱一点，国外发展比较成熟了，很多网页游戏与视频都使用了HTML5，这样可以避免用户安装插件才能浏览网站，但在移动开发方面，HTML5技术还不是很完善

Q3: 学习HTML5未来前途怎么样?

(1) 跨平台，在多屏年代，开发者的痛苦指数非常高，人人都期盼HTML5能扮演救星。多套代码、不同技术工种、业务逻辑同步，这是折磨人的过程。有点类似个人电脑早期世界，那个时候的每家电脑都有自己的操作系统和编程语言，开发者疲于做不同版本，其实DOS的盛行也很大程度是因为开发者实在没精力给其他电脑写程序。跨平台技术在早期大多因为性能问题夭折，但中后期硬件能力增强后又会占据主流，因为跨平台确实是刚需。

(2)快速迭代移动互联网是一个快鱼吃慢鱼的时代，谁对用户的需求满足的更快，谁的试错成本更低，谁就拥有巨大的优势。互联网产品大多免费、且有网络效应，后入者抢夺用户的难度非常大。使用原生开发，从招聘、开发、上线各个环节的效率都慢一倍以上，而且参与的人越多，沟通效率往往拖慢不止一倍。

(3)减低成本创业者融资并不容易，如何花钱更高效非常重要。如果你使用原生开发的App和竞争对手使用HTML5开发的App没什么区别，但你的开发成本高出一倍，我相信没有投资人会喜欢给你投钱。

(4)导流入口多HTML5应用导流非常容易，超级App(如微信朋友圈)、搜索引擎、应用市场、浏览器，到处都是HTML5的流量入口。而原生App的流量入口只有应用市场。聪明的HTML5开发者当然会玩转各种流量入口从而取得更强的优势。

(5)分发效率高前段时间微信朋友圈风靡一时《神经猫》，这个游戏如果放到Appstore，绝对没有那么多流量，超级App带来的流量，远大于原生应用市场。假如微信允许游戏在桌面创建快捷方式、假如游戏后续升级解决持续娱乐问题，未来不可想象。除了入口多、流量大，导流效率高也不可忽视，谁都知道：页游和端游打同样的广告，广告变用户的转化率，页游远远高于端游。

(6)HTML5对用户的好处是：和流量入口多、分发效率高相对应的。大幅降低使用门槛。用户眼睛看到一个兴趣点，点击后，就应该立即开始满足用户需求。比如流媒体可以立即看，页游可以立即玩。而目前的原生应用市场，用户需要这样操作：选一个应用、等待下载、确认权限、等待安装，然后点击打开。这样糟糕的体验迟早要被颠覆。不管是App、游戏还是音视频，未来都将即点即用。谁先满足用户这个需求，谁就制胜。

Q4: HTML5现状及应用领域是怎样的？

现状：HTML5当前版本已经稳定，不再追加新的功能特性，对于新的需求会在HTML5.next中追加（PaulCotton(W3CHTMl工作组联合主席）。现行的主流浏览器都宣称对其进行了支持，如IE、Firefox、Opera（国内叫欧朋）、Safari，国内的有傲游、QQ、乐视、百度等。

应用领域：目前无论是W3C、一线厂商（如Microsoft、Google、Opera）、还是二线应用厂商（如QQ、百度等），他们的注意力主要集中在多媒体和页游（新听到的名词：网页游戏）领域。开发者以年轻人居多，主要追求的是表现的灵动和炫酷，想这样的氛围必然会催生更多的HTML5对NativeFeature特性的支持。

Q5: HTML5的发展现状和未来是怎样的？

HTML5开发就业市场前景怎么样？随着HTML5技术日趋成熟，越来越多的行业巨头也正不断向HTML5示好，在未来几年，HTML5将会以更多的形式渗透到我们生活中的方方面面，因此越来越多的从业者开始关注HTML5开发行业，今天我们就来看一看为什么HTML5开发前景怎么样为何如此受欢迎。

1、基于HTML5强大的兼容性，因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。所以更适合手机app软件开发，正好补充了手机小巧的不足。

2、HTML5 开发支持的手机系统有android、ios。

3、HTML5其突出的特点就是强化了web页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。

4、HTML5 开发，能提供更快、更简便的服务，代码可高度重用，服务发布方便。

5、动画、游戏动态效果，地理定位等很多app应用正在崛起，而HTML5技术的强大优势就是这种让我们惊叹的效果。而未来采用HTML5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。

HTML5市场发展前景很好，而这门高薪行业门槛也很低，很适合零基础想进入HTML5行业的同学学习，想学，就现在开始，抓住好时机，虽然现在招聘的企业很多，岗位空间也很大，但是学习的人也很多，企业的要求也会越来越高，只有掌握扎实的技术才能更胜一筹，才可以得到企业的青睐。