HTML5在 Web开发中的应用

来源 :电子乐园·下旬刊 | 被引量 : 0次 | 上传用户:lion20003
下载到本地 , 更方便阅读
声明 : 本文档内容版权归属内容提供方 , 如果您对本文有版权争议 , 可与客服联系进行内容授权或下架
论文部分内容阅读
  摘要:移动互联网在人们的生活中扮演着越来越重要的角色,为适应不断发展的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.
其他文献
摘要:探究大数据自动化运维在企业中的应用价值和方法,从大数据自动化运维的应用架构和技术架构出发,阐述大数据自动化在企业发展中的具体应用及实践,对推广大数据自动化运维技术有重要意义。  关键词:大数据自动化运维;企业;应用  在计算机技术的应用中,通过软件等一系列非人为方式完成操作与控制即自动化运维。自动化运维技术的应用,在提高运维工作效率的同时,也减少了因人为失误所造成的损失。当前数据中心规模不断
期刊
摘要:服务质量是制约运营商是否拥有市场的关键因素和重要考核方法,从某个侧面反映了企业实力和企业发展潜力。如何提供更加贴近用户需求的服务代表了企业的生命线和竞争力。随着各种IT技术的层出不穷,传统系统受到了新技术的改良和改造。而云计算成为新技术的典型代表,通过强大的资源整合和统一管理收效显著,并赢得业界广泛好评。本文研究了云平台对于提升运维管理的智能化水平的原理和作用,有效提高运维服务效率。  关键
期刊
摘 要:随着信息时代的不断进步,智能楼宇相关技术也在随之不断发展,智能化的建筑能够实现设备的合理运行和高效运作。本文主要针对智能楼宇自动控制系统的设计进行探讨,从而实现建筑内设备的实时监控、自动预警和自动控制。  关键词:智能楼宇;自动控制系统;应用研究  引言:建筑智能化系统在现代建筑中十分常见,由于楼宇自动控制系统能够方便、快捷进行实时监控,所以在建筑工程中的应用也十分广泛,为了能够提高智能楼
期刊
摘要:随着科学技术的不断发展和进步,信息技术被广泛普及,不仅对人们的生活变化产生了巨大影响,在企业的管理和生产中更是得到重用。将信息技术引入企业管理活动,优化了企业的传统管理方式,提升企业管理的效率和水平。在此背景下,本文通过分析我国企业管理应用信息技术的现状和其中存在的问题,提出相关完善措施。  关键词:信息技术;企业管理;现状;完善措施  前言:互联网技术的快速发展,致使信息技术在生活、工作等
期刊
摘要:大量新兴技术,在汽车产业中的灵活应用,使得智能汽车从概念车进入市场试运营阶段。在信息化发展时代背景下,为有效推动智能汽车的可持续发展,应当建构安全稳定的智能汽车车联网系统,支持智能汽车的可靠运行。为不断提升智能汽车车联网系统的运行可靠性与安全性,需要对其系统进行一定的研究探讨。本文基于信息化背景下,智能汽車车联网系统进行研究分析。  关键词:信息化背景;智能汽车;车联网系统;研究分析  一、
期刊
摘要:目前,随着社会医疗机构改革和信息化发展,医院对于医疗器械的管理需求也持续增加。医院采用智能化、信息化的医疗器械管理方式,有利于提高医疗器械使用效率,为医院节省经济成本。本文提出了基于计算机技术的医院医疗器械管理方案,能够大幅提高医院的运营管理水平。  关键词:医疗器械;器械管理;系统设计  1系统开发工具的选择  1.1 C/S模式  C/S網络架构模式主要是由客户端发送请求,由服务器端提供
期刊
摘要:随着计算机的普及,人们生活水平的提高,购物消费已经成为人们生活中的一部分。随着商场消费量循序增长同时,商场的管理需要不断地自我提升以应对大量的订单面对大量的人群。即商场管理需要提高其工作效率,使得能快速、有序的运作。而现在的商场大多是多品牌、多品类经营,管理头绪多、漏洞多、管理复杂,因此科学的管理成为发展商场的关键所在。通过会员管理系统,企业就可以记录所有会员客户的资料,了解用户的兴趣爱好、
期刊
摘要:在载荷作用下六维力傳感器不同方向输出存在互相干扰,如何降低串扰是多维力传感器技术中面临的主要问题。惠斯通电桥法是其中手段之一,是当前应变式传感器信号采集的主要方式。但六维力传感器包含的应变片数量较多,电桥电路不止一种组建方式,组桥形式对维间串扰精度的影响决定了传感器精度设计时的硬件选择和成本控制。为避免工艺、实测偏差等因素影响,本文主要通过对十字梁六维力传感器不同组桥形式下的仿真参数计算对比
期刊
摘要:加油机是加油站的必备工具,可以起到加油,计量以及安全保护等作用。因此,尽量排除检定中存在问题,积极进行燃油加油机检定工作变得十分重要。基于此,本文对加油机计量检定中出现的问题以及加强加油机计量检定的措施进行了分析。  关键词:石油产业;燃油计量;解决措施;重要环节  1 加油机计量检定中出现的问题  1.1 人为影响  人为对加油机计量检定的影响主要体现在以下几个方面之中。在加油的过程中会出
期刊
摘要:在我国国民经济不断发展的时代背景下,公共设施建设的工作也在持续进行,这不仅为电力行业带来了新的机遇,也对其工作水平和质量提出了更高的要求。10kV配电线路是整个电网系统中非常重要的组成部分,而且是与用户有着直接联系的一个环节,因此必须严格把控其输电质量和安全性,加强对10kV配电线路施工技术优化工作。  关键词:电力工程;10kV配电线路;施工技术  10kV配网施工在我国的整个电力体系中占
期刊