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开发也会不断发展。

HTML5应用现状分析

相关文章