HTML5未来发展趋势要点有哪些？

最近几年web前端开发领域最热的话题当属HTML5，HTML5从根本上改变了开发商开发web应用的方式，从桌面浏览器到移动应用，这种语言和标准都正在影响并将继续影响着各种操作平台。

对于很多人来说，很有可能看到过各种制作精细而且互动性很强的贺卡或者是邀请函，支撑这些背后的，都利用到了一项技术——HTML 5。

在移动领域，大家争论不休的一个问题就是开发Web应用还是原生应用？而随着HTML5标准的发展，两者之间的差异已经逐渐变得模糊，今天各大媒体都争相报道与HTML5有关的东西，那么，HTML5未来的发展趋势要点有哪些呢？

1、更加符合后Web 2.0的潮流

HTML 5最初的草案可以追溯到10年前Web超文本应用技术工作组，也就是WHATWG的成立。

在那个时期，正是所谓Web 2.0概念火热的时间，世界范围内的网速变的更快，人们也不想仅仅从网络中获取内容是，而是更多参与到创作与分享中。

内容上，也不再是过去单纯的文字和很少的图片，更多视频和动画内容开始更多的出现在互联网上。

网页也过去的静态变的动态了起来。让网页看上去动起来，很多时候都需要依赖Flash或者是基于.Net架构的SilverLight。

HTML 5诞生时最初的意义在于减少浏览器对于外挂程序来实现高级的效果。比如在过去，网站所有的视频或者动画可能都需要借助Flash进行播放。HTML 5支持音频、视频在网页中的直接添加也能处理视频、图片等多媒体内容。

也就是说HTML 5为浏览器内的Web内容变的更加动态，更加符合后Web 2.0的潮流（具体可查看马海祥博客《深入解析HTML5的8大性能》的相关介绍）。

2、响应式设计

在HTML 5真的改变移动开发平台之前，必须要迈出重要一步，那就是“响应式设计”，也就是屏幕可以根据内容而自动调整大小。

然而响应式设计也是一件非常不容易的事情，因为当今各式各样的设备实在是让开发者眼花缭乱，手足无措。

要想做好响应式设计，就必须洞悉内容与屏幕之间的反馈关系，响应式设计要完全离开“流”，转而注重内容是如何在网页和移动设备中被处理的，这一过程还在继续，HTML5会让它最终成为可能。

要想做好响应式设计，就必须洞悉内容与屏幕之间的反馈关系，一家来自硅谷的响应式设计公司ZURB称，其实在过去的16年中，开发商就意识到响应式设计就要完全离开“流”，转而注重内容是如何在网页和移动设备中被处理的，这一过程还在继续，HTML 5会让它最终成为可能。

3、简化的设计

在2016年，我们看到简化的设计得到广泛认可。事实上极简设计成为大部分行业的主要趋势。在2017年，预期极简设计会继续流行，即使有变化也是一些微小的改变。

虽然页面上留白将继续被认为是有价值的，但是也不用奇怪有些网站开始回归到使用基于文本内容的文字填充。你可以找到更多类似于这样的网页，它们合理地结合了留白和文本，创造出一个视觉上简单，而信息内容很丰富的网页，也带给用户很好的体验。

HTML 5技术显然是目前移动端领域的主要趋势之一，并且这一趋势还将持续一段时间。

许多前端开发者已经开始转向以移动优先方案来做他们的HTML 5页面，这象征一个重大转变，值得我们跟进。

4、更多单页HTML5站点

现在不流行那种有各种Tab页和许多子页面的网站了，在2017年，你可以期待看到更多的HTML5单页站点，由于用户更喜欢用滚屏方式浏览网页，各公司将会引起重视并停止浪费时间在设计和开发用户不喜欢的层层相套的子页面上。

这一趋势将简化互联网并带来更迷人和身临其境的网页浏览体验，每个人都会感觉到愉悦（具体可查看马海祥博客《HTML5在网站性能监控方面带来的新特性》的相关介绍）。

5、离线缓存

离线缓存算是比较新的一个概念，简单来说就是在离线情况下，web应用还可以正常运行。

传统意义上的web应用需要依赖于网络，而HTML5的离线缓存可以冲破这个束缚，利用离线缓存技术，可以在离线状态下正常使用web应用。

目前已经有产品实现了这个方式，比如亚马逊Kindle的云阅读器。

亚马逊就这么实现了离线使用Web应用，许多专家人声称原生应用的末日即将到来，因为Web应用的使用变得简单，无摩擦，适用于任何一个平台或者无需平台。当然Mozilla的触角也伸到了这里，实际上，Mozilla想涉足任何一个HTML 5能渗透的领域，从Mozilla的移动蓝图，可以了解更多。

6、HTML5会在移动设备上更多的应用

虽然2008年HTML 5的第一份草案就已经出炉，但是HTML 5真正火起来则源自10年乔布斯的一篇文章，指出Flash不再必须，HTML 5在功能上，已经可以取代Flash。随着以iPhone为代表的触摸移动设备的兴起，在移动端，网页中的交互实际与经常在PC上浏览使用Flash的方式并不相同。这时，iPhone 也放弃了对Flash的支持，开始拥抱HTML 5。

如今移动应用层出不穷，可以用“只有咱没想到的没有人家没做到的”来形容了，在这个智能手机和平板电脑大爆炸的时代，尤其是手机，已经成为人们生活中非常重要的一部分，很大一部分人离开手机已经到没法生活的地步了，移动优先已成趋势，不管是开发什么，都以移动为主，移动应用可以极大的方便人们的生活。

所以，未来HTML5应该会优先在移动设备上更多的应用。如今已经有一些大企业将HTML5应用于移动开发，表现非常出色，所以终将成为趋势。

7、游戏开发是重要领域

如今做游戏那应该是相当赚钱的一个领域了，但是做手游尤其是收费的游戏，开发原声应用就有局限了，因为iOS系统充值需要向苹果公司支付30%的提成，而利用HTML5开发web应用，可以很巧妙的躲过这30%的提成。

所以，未来游戏开发商应该是从HTML5中获益最多的一方。在某种程度上，游戏就是移动平台销量最好的应用，也是吸引人们购买移动设备的一个重要因素。

许多游戏开发商都被Facebook或者Zynga推动着发展，而未来的Facebook应用生态系统是基于HTML5的，尽管在HTML 5平台开发出游戏非常困难，但游戏开发商却都愿意那么做。通过PhoneGap及appmobi的XDK将Web应用游戏打包整合到原生应用中也是一种方式，Facebook差不多就这么干的——基于Web应用及浏览器，但却将之打包整合进原生应用。

8、设备访问

消除Web应用与原生应用界限的最大障碍就是浏览器访问移动设备基本特性的能力，比如照相机，通讯录，日历，加速器等，利用HTML5实现此能力方面，Mozilla一直在努力通过移动浏览器Fennec来将强设备访问能力。

对许多移动开发商来说，提高设备访问能力是HTML5最令人激动的革新，这意味着Web应用能够登陆移动设备而无需做任何PhoneGap式打包，游戏开发商当然最开心，因为某些特性对他们来说是封锁的，比如能整合到游戏中的加速器。

这就开启了另一个可能的世界，比如能与云更好地整合并提高游戏可玩性，有了HTML5这个平台，开发商可以不再依赖于Java语言，CSS3，HTML及其它程序语言。

9、HTML5将推动泛娱乐交互

泛娱乐，是一种打通游戏、文学、动漫、影视和戏剧等多种文创业务领域的互动娱乐新生态。

在泛娱乐交互中，HTML5以其天然的营销属性，整合到游戏、影视、动漫、文化产品等方方面面，制作场景化营销与体验的窗口型小游戏或场景。

以《花千骨》为例，影视顶级IP授权打造HTML5游戏，在用户观看视频的同时，引导进入游戏，无需下载，将实现最佳影游联动，这将带给行业全新的发行思路。

10、HTML5行业发展的趋势

伴随着HTML5兴起的是Flash的没落，HTML5能打败在多媒体领域称霸多年的Flash，除了bootstrap的跨平台性和较好的多媒体支持外，它的应用范围也广于Flash（具体可查看马海祥博客《预测HTML5的10大发展趋势》的相关介绍）。

比如，Flash动画作品的复用性极低，基本没有模板市场，而HTML5却能作为基础填充材料，用来制作报纸图文等模板。

参考Flash发展的演化路径并结合HTML5的新特性，HTML5近几年会在重度内容、网页游戏、垂直领域解决方案和内容直接填充四个方面有所突破。

（1）、内容往重度化方向发展

重度营销并不完全意味着大项目、高预算、长周期、大团队，而是相对轻度营销以用户生产内容为主，它更注重专业内容的生产。

在用户对页面交互能力和HTML5拓展功能的要求提高之际，轻度营销的市场份额会逐渐降低，往重度营销内容转化。

（2）、网页游戏往交互游戏方向发展

尽管HTML5游戏具备无需下载、包含社交属性、开发成本低等优势，但如果没有充分利用HTML5的新特性，加强移动游戏的交互能力，它很难在游戏市场中异军突起。

由此，网页游戏未来更有可能结合HTML5优良的通信功能，往跨屏互动等交互特征更明显的形式发展。

（3）、垂直领域解决方案往在线应用方向发展

与HTML5行业密切相关的垂直行业主要包括在线教育、电商和流媒体三种类型。

（4）、传媒业往内容直接填充方向发展

国内html5开发工具基本都提供模板服务，这与HTML5网页较强的复用性有关。WeX5的ui组件可以帮助用户打造高效精致的视觉享受。网页基础架构设计完成后，修改源码中各元素的参数便能替换素材、改变对象属性，因此HTML5网页能用于制作基础填充材料。

在HTML5模板的帮助下，新媒体内容能通过应用母版进行编辑，用户只需后期进行图文内容的替换，因此很有可能成为传媒业转型的契机。

反观国内不同类型的HTML5开发工具，只有以HTML5提供的新特性为根本，能适应各行各业对PC开发、app开发的需求才能够满足Html5快速发展下企业和开发者的需求。

马海祥博客点评：

HTML 5.0的标准最终确定对于开发者是个好事，会减少开发者处理兼容性上的工作，而且未来HTML 5.1以及HTML 5.2的标准也会在未来几年确定，更多的新功能支持会让 Web 开发者可以基于HTML 5做更多的事情，更符合网页内容多元化以及移动化的现实要求。

基于HTML 5开发的游戏或者应用，可以快速的在各种社交平台进行传播，而并不用用户再去相关的渠道下载。更易于传播也能快速的为用户带来良好的交互体验，属于HTML 5的春天，其实才刚刚开始。