HTML5在 Web开发中的应用

李文静 叶璐琳 吕帅

摘要：移动互联网在人们的生活中扮演着越来越重要的角色，为适应不断发展的Web技术的应用需求，各种基于HTML5技术的移动应用大量涌现。归纳总结出HTML5的应用特点和技术应用优势，有利于Web程序员在应用中充分发挥和利用HTML5的新特点，更有效的应用基于HTML5程序的开发工具。

关键词：HTML5;数据存储;Web开发

引言

HTMLS以Web平台为基础，可以跨平台、不受终端产品和操作系统的限制，应用开发人员无需为相同应用开发多种版本，减少了开发与维护工作量，激发了开发人员的工作热情。用户就可以更加高效、快捷地使用不同移动设备。在不同os上使用同一应用体验也不会区别很大，对Web应用的推广与使用有非常大的帮助。以HTML5技术为依托，跨平台的软件应用架构可以设计符合桌面计算机、平板电脑、智能电视、 智能手机等的Web应用。

一、HTML5的应用特点

1.存在语义结构化标签，如具有语义的结构化标签：包括section，article、header 、navigation， footer 、hgroup、aside等，使得HTML5在文档结构上较HTML4.01更加清晰和易读。

2.可有效支持离线存储，session Storage和local Storage提 供与cookies相似的功能;lIndexedDB帮助Web应用存储复杂结构的数据;ffline App Cache将资源文件缓存到本地，使用户在离线状态下也能使用Web AP，为开发离线的移动Web App奠定了基础。

3. 丰富多媒体的能力，即增强的多媒体能力：HTML 5大大提高了We应用中的视频和音频，图形，字体，和数学公式的其它方面的性能，例如2D、3D绘图渲染的强大能力可以通过HTML 5的画布（Canvas）特性实现;在网页中，不需使用Adobe Flash，微软Silver light等 私有插件和协.议等，就可以利用HTML5中的<audio>、 <video> 标签直接播放音频、视频文件。

4.应用API，移动WebApp中存在的API函数有利于保障终端设备的整体能力，这些函数主要包括摄像头API，通讯录API，各种传感器API等。

5.多线程并发：HTML5新增了Web Workers组件，该特性弥补了Web App以往只能单线程运行的短板，使得Web操作可以并行的，多线程的执行。

二、HTML5的技术应用优势

1.最移动化的开发工具

移动互联技术的应用将成为现在流行的生活模式，也是一种时尚，当移动互联设备（如： 手机）广泛应用时，访问网站和Web的频次迅速增长，HTML5迎合了这种需要，使用HTML5来开发Web应用将会变得简单而流行。

制作手機版网站时，需要界面简洁，充分利用手机的方寸屏幕，HTMH5 的Meta标签用来提供页面信息，Meta的一组标签会让编程者得心应手，做出适合于移动终端的网页.

2.HTML5支持跨浏览器

目前较为流行的浏览器，比如： IE9、Firefox、 Chrome、 Safari 等，都支持HTML5，甚至很低版本的IE6都可以使用.难能可贵的是HTML5充分吸取了之前版本的经验，本着向下兼容的原则，对之前基于低版本的IE 浏览器开发的网页，只要添加JAVASCRIPT代码便可以使用新的元素。

3.更易于开发互动应用

我们在浏览网页时，往往更容易被那些互动项目所吸引，HTML5也充分考虑到了这一点.在HTML5提供的大量API （Application Programming Interface， 应用程序编程接口）中，有一部分专为开发互动应用而设计，如： Drag and Drop、Offline storage database、 Browser historymanagement、Document editing和Timed media playback等.这些都是有关交互式网页开发的API.使用这些程序接口，程序员很方便开发出交互式的网页，这也是HTML5的魅力之一.

4.最优化的存储方式

HTML5设计了一个很聪明的存储方式，它把用户信息及缓存数据保存在用户的浏览器中，建立了一个客户端的数据库，也就是本地存储数据库.这样设计的优点在于存取速度快，安全性高.当用户加载上一次的应用状态时，更能体验到优越的性能，并且，这一技术不需要第三方插件，同时支持所有主流浏览器.而早期的版本更多是使用Cookie技术，关闭浏览器后Cookie 将被删除.使用HTML5开发的Web程序，用户完全不需要有这种担心，

5.更多的多媒体效果

HTML5有两个专门的标签用于多媒体网页的设计，Video 用于访问视频资源，Audio 标签用于访向视音频资源.使用HTML5开发Web应用时，< video>和<audio>将视频和音频基本上视为图片，因而可以省略很多繁杂的参数设置.

使用HTML5可以很好的替代Flash和Silverlight.较少的插件应用将提高运行效率

三、HTML5的发展前景

虽然在传统的PC网页上，中国的HTML 5普及看起来困难重重，但是HTML 5在移动终端的普及却早已开始。有很多网媒认为HTML 5的普及可以拯救传统的媒体。而由于HTML 5在中国的火热，很大程度上促进了这方面人才的培养，人才的出现，又使得媒体可以更加重视这方面的投人，从而产生良性循环。可以说，所有的媒体对于HTML 5的赞扬声都是大于批评的，对于这样一个新兴的标准，开发者们都给予了热烈的期望。但我们也要冷静看待，任何- -种新技术的应用都要有漫长的过程，除了需要业界执行统一的标准外，还有很多现实问题需要解决。最终，决定产品好坏的并不是你采用了多么先进的技术，而是最后你达到的结果能否得到用户的亲睐，以用户的使用感觉最为标准才是最终极的标准。

参考文献

[1]李世满，基于HTMLS web技术APP快速开发研究--以移动办公APP软件开发为蓝本[J].电脑知识与技术，2016， 12（03）：81-82.

[2]李东博. HTML5+CSS3 从入门到精通[M]. 北京：清华大学出版社，2013.