王燕妮
摘要:文章简述了HTML的发展历程,研究讨论了HTML5规范新增功能的3个方面以及新的特性和优势。根据HTML5目前的应用现状以及趋势,结合实例总结了HTML5当下应用的主要领域。
关键词:We啦用;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规范的制定者简化了以往版本中的某些规则。比如在每个HTM顶面的第一行的文档类型说明。文档类型说明<!DOCTYPE>旨在说明文档使用的HTML版本。文档类型说明是必须的,如果没有这一行,那么大多数浏览器会转换到一种混杂模式,在这样的模式下,浏览器不一定会正确地显示内容。然而原来的文档类型说明冗长复杂,开发人员一般依靠复制粘贴来完成这步骤。HTML5简化了文档类型说明,只有一种<!DOCTYPE html>,简单容易记忆。与此类似的还有字符编码的说明,HTMLSC档利用添加字符编码信息,HTML5去除了不必要的属性,只留相关属性说明文档编码。此外在引用外部文件如CSS文件、JavaScript文件也有一定的简化。
1.2 增改了一些元素
谷歌分析了互联网中10亿个网页的信息,并形成了统计信息。这个统计信息分析并列出了Web作者在自己网页中使用的类名。据此信息,根据汇编出来的最常用的类名,规范制定者们新增了一些新的语义元素。比如用于构建页面的语义元素/header>
1.3 新增了更好的本地存储功能
Web应用中的数据可以保存在Web服务器,也可以保存在Web客户端。Web服务器适合保存重要、敏感信息,例如网上购物时的交易信息。客户端适合存储用户偏好和应用状态等一些不太重要的信息。以前,本地存储的唯一方案是cookie。然而操作cookie程序复杂,语法不尽人意。HTML5新增了本地存储功能,称之为Web存储。Web存储分为本地存储和会话存储,分别用于长期保存数据和临时保存数据。这个功能将内嵌一个本地的SQL数据库,以加速交互式搜索、缓存以及索引功能。同时,那些离线Web程序也将因此获益匪浅,可以有不需要插件的丰富动画。
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新增7canvas对象,可以在浏览器中绘画图像,因此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网站的区别在于使用网页技术做信息的展示,包括文字和媒体文件等,liegeb App更侧重执行某个任务。Web APP具有跨平台特性,且用户不需要下载,不需要频繁升级更新,可以动态更新。使用HTML5的描述文件功能,可以实现离线应用。虽然Web应用使用的基础就是要在线,然而并不能保证永远不掉线。离线应用可以保证Web APP应对间歇性的网络中断,不会中断任务,用户体验如同原生APP。此外,HTML5新增的本地存储功能、音视频播放功能以及更多的API,可以更便捷地实现更丰富的功能以及更良好的交互,虽然这些功能或者交互在以前只有原生APP才可以实现。综上种种,现在又开始了开发web App的热潮。
3 结语
HTML是一门不断发展的语言。HTML5的标准制定不仅契合当今Web发展现状,而且又为HTML的后续发展增添了新的设计理念。当下,HTML5应用普及流行,虽然还有一些限制,比如HTML5页面泛滥后人们的审美疲劳以及WebApp本身的普及度并未达到预期,但是正如HTML是不断发展的,Web开发也会不断发展。