1. HTML5的诞生

    HTML(Hyper Text Makeup Lauguage)，中文名叫做超文本标记语言，是一种用来制作超文本文档的简单标记语言，所谓“超文本”就是页面内可以包含图片、链接，甚至音乐、程序、视频等非文字元素。

    1999年，W3C发布了HTML4。在那个时代，广大网民们打开浏览器主要是为了看看新闻、发发邮件，HTML4完全能够满足他们的需求，因此在很长一段时间内，人们都认为HTML标准不需要更新了。但是随着电脑性能和网络带宽的不断升级，人们开始在网页上玩游戏、看视频，Abobe公司率先抓住了这个商机，将flash收入旗下，flash作为浏览器播放插件满足了用户在网页上玩网游看视频的需求，Abobe公司也从中攫取了大量的利润。

    为了推动web标准化运动的发展，一些公司联合起来成立了WHATWG（互联网超文本应用技术工作组）。WHATWG致力于web表单和应用程序，而W3C（万维网联盟）专注于XHTML2.0。眼看着Adobe公司在web世界中风生水起，W3C的主席单位兼IT巨头Google和苹果首先坐不住了，一致决定，真的是时候开始做HTML5了。于是，2007年，W3C接纳了WHTAWG提出的web applications1.0，双方合作成立了新的HTML工作团队。自此，HTML5的故事正式开始了。

2.HTML5的成长

    为了弥补HTML4的诸多不足，解决web浏览器之间的兼容性低、web应用程序受限、HTML文档结构不够明确等问题，HTML5做了不少改变。①语法的改变，例如DOCTYPE声明、指定字符编码等；②新增的元素，例如为了优化文档结构的header和footer、优化视频体验的video和audio、canvas等；③废除的元素，例如能使用CSS替代的center、front、s等、还有只有部分浏览器支持的元素；④新增的属性，比如表单相关的属性、链接相关的属性等；⑤新增了全局属性的概念

    HTML5补充了流媒体和游戏能力之后，flash插件便不再一家独大了，再加上苹果强势拒绝在ios上引入flash，成功地遏制了flash的发展，浏览器市场开始重新洗牌的机会来了。乔布斯开始大力发展safari，Google也于2008年正式推出了chrome，IE瞬间成为了千夫所指的垄断代表。随着chrome和safari的高歌猛进，以及IE+flash的由盛转衰，HTML5的破垄断使命成功结束，进入了下一个时代——移动互联网。

    HTML5作为唯一一个通吃PC、Mac、iPhone、iPad、Andriod、Windows等主流平台的语言，这样的跨平台优势在移动互联网时代被进一步凸显。此时人们纷纷开始研基于HTML5开发跨平台手机应用。很多人当时认为，原生应用只是过渡，就像当年从C/S结构转变为B/S结构一样，而且学习Objective-C和java很费劲，既然会网页开发，为什么不试一试HTML5呢？

    W3C此时成立了Device API工作组，为HTML5扩展了camera、GPS等手机持有的API，然而麻烦的是，移动互联网的初期的迭代太快了，手机OS在不停地扩展硬件API，陀螺仪、距离感应器、气压计....每年手机OS都有大版本更新。而W3C作为一个数百家会员单位共同决策的组织，从标准草案的提出到达成一致是非常复杂的过程，跟不上移动互联网初期的快速迭代。

    2012年，Facebook宣布放弃HTML5的新闻充斥了全世界的IT头条，HTML5瞬间被打入冷宫。当时的HTML5真的做不出好的移动App，HTML5应用的页面切换白屏、下拉刷新和侧滑菜单不流畅等众多问题让Facebook不得不放弃了HTML5，这一举动确实让很多工程师开始对HTML5失去了信心。但是，HTML5真的没有机会了吗？

2014年10月底，W3C宣布HTML5正式定稿。这个时间，不早不晚，正好赶上了手机硬件性能更强、手机OS迭代速度下降的时机。自此，一切纷争告一段落，属于HTML5的时代来了。

3.HTML5的未来

诚然，目前HTML5应用相对原生APP来说还存在着许多不尽入人意的地方，我使用了几款HTML5应用之后，也确实感觉到了它首页加载速度慢等问题，但是在了解了目前的硬件环境与软件技术的发展之后，我个人还是对HTML5的未来抱有希望。

附：CSDN博主COFFEE在《HTML5的前世今生》一文中对HTML5的一段分析

---

1. 硬件升级

2011年，iPhone 4s的CPU是A5，现在iPhone 6是A8，按苹果的历次发布会的说法，速度共提升了7.5倍。这3年间7.5倍的速度提升，抹平了太多HTML5的性能问题。

2. 苹果、Google的策略变化

Google在2013年底发布的Android 4.4，内置的Webview不再是蹩脚的Android WebKit浏览器，而是Chromium，性能大幅提升。从最新的Android5.0开始，Webview可以通过Google Play Store实时更新，和Chrome的升级保持一致，用户就可以不刷机享受到最新的浏览器引擎;再看Apple方面，2012年iPhone 5发布后，HTML5在iOS上的表现已令人满意，Safari独家的JavaScript加速引擎Nitro不再那么重要，不过在iOS 8发布后，苹果还是很识趣地取消了三方程序调用Nitro的限制，现在任意浏览器或应用调用iOS的UIWebview都可以利用Nitro加速，这样在前端使用JS做大型运算也成为可能。两大手机操作系统霸主和浏览器巨头的态度发生了变化，使得HTML5在手机上的发展不再受限，而且这个变化不可逆只能继续向前，这种变化势必会产生深远的影响。

3. 软件技术的成熟

2014年的iWeb大会上，众多厂商的产品提供了面向开发者免费或开源的HTML5性工能障碍的解决方案。

DCloud公司在iWeb大会上发布了系统的HTML5“性工能缺失”的解决方案，包括：

a) 性能：提升HTML5性能的手机端引擎，让侧滑菜单、下拉刷新等动态交互卡顿的问题得以解决;

b) 工具：HTML5开发IDE产品HBuilder, 超快的编程利器;

c) 能力：把40万原生API封装成JavaScript对象，以解决HTML5能力不足问题的Native.js技术;

d) 最接近原生体验的高性能框架：MUI框架，体积只有几十K，加载、运行远快于一般框架。

基于该方案开发的HTML5应用完全可以达到原生App的功能和体验。

参考文献

[1]王芳。 移动Web前端开发新技术HTML5探析[J]. 电脑迷，2016,（05）：50.

[2]毕晓明。 简析HTML5在移动互联网开发中的应用[J]. 软件工程，2016,（02）：41-42.