HTML5应用现状分析
摘 要：文章简述了HTML的发展历程，研究讨论了HTML5规范新增功能的3个方面以及新的特性和优势。根据HTML5目前 的应用现状以及趋势，结合实例总结了HTML5当下应用的主要领域。
关键词：Web应用；HTML5；应用趋势
自Web兴起发展至今，HTML语言从1993年发明伊始， 发布第一版草案到1999年发布HTML4.01，都在稳定地发展 着。然而从1999年开始，HTML很长时间并没有继续发布新 的版本。W3C组织自2000年开始推荐新的标准XHTML。然 而XHTML标准要求严格，要求开发人员改变编写网页的方 式，甚至已经存在的网页都必须重新更新才能被浏览器正确 解析，因此经过5年时间，发布了版本二后遭到了失败。与此 同时，Opera, Mozilla和Apple自发组织，致力于寻找新的解 决方案。他们改变思路，并不想取代HTML，而是以无障碍、 向后兼容的方式扩展，加入一些对开发人员更有用的功能， 渐渐形成了日后的HTML5标准。W3C组织后来也致力于此 标准的改造，并于2014年10月发布HTML5规范。
1 HTML5新的特性
HTML5规范制定者分析了互联网上已有的10亿个网页 的统计信息，依据实用至上、平稳过渡的原则，制定了现在广 泛应用的HTML5标准。
1.1 简化了规则
HTML5规范的制定者简化了以往版本中的某些规则。 比如在每个HTML页面的第一行的文档类型说明。文档类型 说明<!DOCTYPE>旨在说明文档使用的HTML版本。文档 类型说明是必须的，如果没有这一行，那么大多数浏览器会 转换到一种混杂模式，在这样的模式下，浏览器不一定会正 确地显示内容。然而原来的文档类型说明冗长复杂，开发人 员一般依靠复制粘贴来完成这步骤。HTML5简化了文档类 型说明，只有一种<!DOCTYPE html>，简单容易记忆。与此 类似的还有字符编码的说明，HTML文档利用<meta>添加 字符编码信息，HTML5去除了不必要的属性，只留相关属性 说明文档编码。此外在引用外部文件如CSS文件、JavaScript 文件也有一定的简化。
1.2 增改了一些元素
谷歌分析了互联网中10亿个网页的信息，并形成了统计 信息。这个统计信息分析并列出了Web作者在自己网页中使 用的类名。据此信息，根据汇编出来的最常用的类名，规范制 定者们新增了一些新的语义元素。比如用于构建页面的语义 元素<header><nav><footer><article><aside><section>等以 及用于标识文本的语义元素的<mark><time>，用于Web表单及交互的一些元素。新增的这些语义元素，有利于构建结构 清晰的Web页面，从而有助于页面后期的修改与维护以及搜 索引擎优化，而且使用语义元素更能适应未来的浏览器以及 Web设计工具的发展趋势。此外，根据现代网页的功能需求， 还新增了音频视频元素<audio><video>，这些功能元素可以 便捷地实现网页的各种富应用，更有利于移动Web开发。
1.3 新增了更好的本地存储功能
Web应用中的数据可以保存在Web服务器，也可以保存 在Web客户端。Web服务器适合保存重要、敏感信息，例如 网上购物时的交易信息。客户端适合存储用户偏好和应用 状态等一些不太重要的信息。以前，本地存储的唯一方案是 cookie。然而操作cookie程序复杂，语法不尽人意。HTML5 新增了本地存储功能，称之为Web存储。Web存储分为本地 存储和会话存储，分别用于长期保存数据和临时保存数据。 这个功能将内嵌一个本地的SQL数据库，以加速交互式搜 索、缓存以及索引功能。同时，那些离线Web程序也将因此 获益匪浅，可以有不需要插件的丰富动画，具体可参考我的案例：www.xmqisheng.com 。
1.4 新增了一些API
HTML5提供了更多的API，这些API易于开发人员创建 各种丰富的Web应用。比如令程序员青睐的Canvas，在页面 新增Canvas对象后，利用JavaScript操作此对象，可画出很多 绚丽的图形。Selectors API用于查找页面DOM元素，可以更 精确快速地指定希望获取的元素，其选取规则与CSS中使用 的选择规则类似。另外还有拖放API、页面可见性API、全屏 API等，可以帮助开发者构建更精彩的Web应用。
2 HTML5应用现状
正是因为HTML5增加的新功能及新特性，并且更适合 开发当今流行的移动应用，因此从刚面世的那天，它就受到 了开发人员及用户的青睐。
2.1 HTML5用来开发游戏
HTML5新增了canvas对象，可以在浏览器中绘画图像， 因此canvas对象可以实现原来flash的功能，且不用额外安装 插件，因此可以利用这个新增加的功能，再辅以JavaScript、 CSS等开发HTML5游戏，尤其是移动端的小游戏。因为移动 设备的便携性，可以通过各种移动应用接口或者浏览器加载 设计精巧的HTML5小游戏，随时随地玩乐，所以HTML5游戏借助各种社交平台的传播，例如微信朋友圈、微博或其他 社交网站，一度风靡。例如2014年大火的“围住神经猫”。借 助朋友圈的分享，无需下载，即点即用，立即收获了一大批粉 丝，上线3天便创造了用户500万、访问量超1亿的神话，甚至 还带动了有关神经病猫的各种周边产品。
2.2 HTML5用来进行网络营销
网络营销是建立在互联网基础上、借助于互联网来更有 效地满足顾客的需求和愿望，从而实现企业营销目标的一种 手段。HTML5页面设计美观、功能强大、互动性强、适合移 动端操作，营销设计人员们趋之若鹜，一时间，基于HTML5 创建各种营销页面十分流行，甚至有了简称的H5营销这一 概念。H5营销通常用于活动运营、品牌宣传、产品介绍、总 结报告。形式多样，可以是游戏、邀请函、贺卡、测试题等形 式。HTML5无非是HTML的更高版本，它在今天的互联网 营销中能受到如此青睐，一是互联网的快速发展，特别是移动社交平台的传播优势使得人们越来越注重网络营销； 二是当今设计美轮美奂，并且HTML5实现各种外观及互动 设计更便捷，因此各种H5营销更能吸引眼球，抓住人心。比 如微信曾为抢红包推出的专题页面《从此看尽中国人的名 与利》，创意巧妙新颖，画面设计细腻，文案发人深省，堪称 设计典范。淘宝曾在双十二推出的预售推广专题页，操作简 单，然而页面呈现效果流畅生动，简直将HTML5的技术发挥得淋漓尽致。
2.3 HTML5用来开发Web APP
Web APP就是运行于网络和标准浏览器上，基于网页 技术开发实现特定功能的应用。Web APP和一般Web网站的 区别在于使用网页技术做信息的展示，包括文字和媒体文件 等，而Web App更侧重执行某个任务。Web APP具有跨平台 特性，且用户不需要下载，不需要频繁升级更新，可以动态 更新。使用HTML5的描述文件功能，可以实现离线应用。虽 然Web应用使用的基础就是要在线，然而并不能保证永远不 掉线。离线应用可以保证Web APP应对间歇性的网络中断， 不会中断任务，用户体验如同原生APP。此外，HTML5新增 的本地存储功能、音视频播放功能以及更多的API，可以更 便捷地实现更丰富的功能以及更良好的交互，虽然这些功能 或者交互在以前只有原生APP才可以实现。综上种种，现在 又开始了开发Web App的热潮。
3 结语
HTML是一门不断发展的语言。HTML5的标准制定不 仅契合当今Web发展现状，而且又为HTML的后续发展增添 了新的设计理念。当下，HTML5应用普及流行，虽然还有一 些限制，比如HTML5页面泛滥后人们的审美疲劳以及Web App本身的普及度并未达到预期，但是正如HTML是不断发 展的，Web开发也会不断发展。
