《新一代Web技术及其应用1.docVIP

新一代Web技术的发展及其应用 摘要 面对互联网发展的突飞猛进以及多媒体应用的普及，新一代的Web标准HTML5应运而生并正加速发展和完善。本文通过分析Web技术的演进过程，阐述了以HTML5为主的新一代Web技术的发展状况和应用情况。 关键词 Web技术 HTML5 Web应用 引言 面对互联网发展的突飞猛进以及多媒体应用的普及，新一代的Web标准HTML5应运而生并正加速发展和完善。它弥补了HTML4在交互、媒体和本地操作等方面的不足，支持当前多样的、复杂的Web内容功能的，更适用于移动设备的应用HTML5的开放性和跨平台运行的特点有望打破少数厂商对产业链的垄断，从而建立起新的应用生态环境，对包括设备、操作系统和应用软件商店在内的整个产业链的发展具有重大的推动作用，因此HTML5的发展前景受到许多业内巨头的青睐 Web技术的发展趋势 WEB技术从过去由网站主导的Web1.0阶段到现在由用户主导的Web2.0阶段，正在向更加个性化的WebWeb1.0阶段 Web1.0阶段互联网上的内容由网站提供，并且引导用户访问他们感兴趣的网站。早期的Web网页是静态一次性展现所有内容为了克服静态页面的不足，编程技术引入互联网络与Web技术相结合，从而形成。网络编程技术ASP，PHP，CGI JSP）通过在传统的静态页面中加入各种程序和逻辑控制，在网络的客户端和服务端实现了动态和个性化的交流与互动Web1.0阶段仍然是由门户网站占主导地位的阶段。 Web2.0阶段 Web 2.0指的是一个由用户主导来创造、协同合作、分享各种资讯与内容的开放平台。Web 2.0是网络运用的新阶段，网络成为了新的平台，内容因为每位使用者的参与而产生，所产生的个人化的内容通过分享形成了现在Web 2.0的世界。Web2.0阶段以Blog、WikiSNS等社软件的应用为核心Blog（博客，可以在其中迅速发布想法、与他人交流以及从事其他活动。Wiki，每个人都可以发表自己的意见，或者对共同的主题进行扩展或者探讨用户共同建设一个大百科全书。SNS社网络服务专指旨在帮助人们建立社会性网络的互联网应用服务。SNS最有代表性的公司是Facebook,它也是只提供开放的平台，而不提供具体的内容和服务。 web 3.0阶段 Web 3.0阶段将是个性化的时代只要打开浏览器就能进入自己的世界，看到自己的内容语义网技术、智能网络和智能应用程序。总之，Web 3.0将带给使用者一个全新的用户体验。 新一代Web技术优势分析 增强的标记能力 HTML5继承和新增了许多带有语义性的标记，来加速浏览器解释页面中元素的速度。例如新增元素header明确告诉浏览器此处是页头，nav标记用于构建页面的导航，article标记用于构建页面内容的一部分，footer表明页面已到页脚或根元素部分。同时能够提高搜索引擎的效率比如搜索引擎可以忽略掉通常不包含页面重要内容的nav元素和footer元素里的内容。人们将不再需要安装painter这类基本的绘图软件，而直接使用基于浏览器的应用。目前制约web应用最大的问题在于网络，有很多地方被网络信号所覆盖，因此web应用也就无法使用。HTML5的离线存储使得这个问题迎刃而解。HTML5的web storage API 采用了离线缓存，会生成一个清单文件（manifest file），这个清单文件实质就是一系列的URL列表文件，这些URL分别指向页面当中的HTML, CSS, Javascrpit图片等相关内容。当使用离线应用时，应用会引入清单文件，浏览器会读取下载相应的文件，并将其缓存到本地。使得这些web应用能够脱离网络使用，而用户在离线时的更改也同样会映射到清单文件中，并在重新连线之后将更改返回应用HTML5通过提供Geolocation API应用接口，在用户允许的情况下当前的地理位置信息，并为用户提供其他相关的信息。获取地理位置信息应用接口国外媒体Neowin主流浏览器IE10Chrome、Firefox、Opera的HTML5做比较数值越高说明该浏览器对HTML5标准的支持度越高。主流浏览器 图1主流浏览器对HTML5标准的支持度 苹果、google、Palm纷纷支持html5。而且苹果Safari浏览器一经推出，只支持HTML5，将Flash技术拒之门外 谷歌Chrome浏览器苹果Safari浏览器浏览器HTML5有非常出色的支持谷歌联合加拿大著名独立摇滚乐团 Arcade Fire（拱廊之火），共同推出了一个 HTML5 互动电影《The Wilderness Downtown》页面上的动画效果皆由 HTML5 技术制作，并且融合谷歌地图和谷歌街景的技术到电影中，达到非常震撼的互动效果。微软HTML5技术，无疑会使