引言
网页设计越来越依赖Flash等插件支持视频和音频等组件以及高度图形化和交互的应用程序，带来便利之时，同时也在制约着网页设计的自由之路。HTML5作为HTML和CSS规范的最新版本不再需要这些额外的浏览器组件来促进此类功能，W3C预计HTML5在2022年将会成为主流。HTML5中增加了许多新特性，例如嵌入音频、视频和图片的函数、客户端存储数据、交互式文档等，通过制定如何处理所有HTML元素以及如何从错误中恢复的精确规则，HTML5进一步增强了互动性，并有效减少了开发成本，使得HTML5被广泛认为是计划在2010年出现的最重要的新技术之一。本文将探讨研究HTML5的核心技术的革新。
1 HTML5的技术革新
HTML5的革新，可以总结为：语义明确的标签体系、化繁为简的网页富媒体技术、神奇的本地数据存储技术、不需要插件的动画(Canvas)、强大的APl支持。HTML 5让人机交互，人网交互变得更加舒适，更加贴合用户。以往对富媒体应用与本存储的支持乏力也不再是浏览器的切肤之痛，将web从多变的内容平台推向标准化的应用平台。
1．1结构更明确简洁
表1 HTML4网页与HTML 5网页代码对比表
随着网页内容和形式的日益丰富，仅用原有的xhtml标签去语义化显然已经力不从心。因此HTML5提供了一系列新的标签及相应属性，以反应现代网站典型语义。我们写出一个简单的例子来分析其革新之处。
通过表1可以看到。我们用这些新元素来替换的是ID。这四个新元素：section、article、aside和nav。之所以说它们强大，原因在于它们代表了一种新的内容模型。一种HTML中前所未有的内容模型——给内容分区。在此之前，我们一直都在用div来组织页面中的内容，div本身并没有语义。但section、article、aside和nav实际上明确告诉你——这一块就像文档中的另一个文档一样。位于这些元索中的任何内容。都可以拥有自己的概要、标题，自己的脚部。
标准浏览器(比如Firefox、Chroome甚至新版的IE)都可以带引客户直接跳转。HTML4网页的问题是DIV的ID值是设计者给定的，DIV这个标签是无语义的，所以，浏览器并不知道哪个应该是导航链接所在区块。HTML5书写的网页。用新的标记标识出导航区块，使得浏览器更好的识别网页内容。
另外HTML5还摒弃了许多冗余的代码设计，使得代码的设计更加的简洁明确。
1．2降低插件的重要性，支持网页端的Audio、Video等多媒体功能
声音、动画及一些非常生动的网页，通过Sun、Adobe、RealAudio、微软等公司开发的插件让人耳目一新。然而混乱的是插件的接口是向所有人开放的，安全性让人堪优。其中最有名的插件就是Flash，我们几乎要经常更新插件，其他类似的插件更是数不胜数。
在2007年，Opera在Web Hypertext Application Technology Working Group(WHATWG)工作草案中提议使用<video>标记，其目的是“将视频制作成—个的网络组件，以—个轻松、开放的解决方案来将视频整合到网页、且在浏览器上本地支持视频”，比起插件所需的冗长的对象嵌入标记。它更优雅更易于操作。现在，在网页中实现视频的代码简单且干净。如需在HTML5中显示视频，您所有需要的是：
<video fire=“movie：ogg”eontrols=“controh”><／video>
当前，video元素支持三种视频格式：
Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件
MPEG4=带有H.264视频编码和AAC音频编码的MPEG4文件
WebM=带有VP8视频编码和Vorbis音频编码的WebM文件
当然运用插件与否取决于你想傲的事情。如果你想建立一个专业的3D世界，正如在复杂的Flash和Shoekwave游戏中所看到的那样，你还得依赖插件技术，因为这些插件技术可以直接访问视频硬件，运行3D游戏。即便如此，HTMLS带来的资源节约还是足够让我们震惊的。
1．3支持动态生成图像
过去，网页中显示的图像来自于GIF或JPG图像，而在HTML5中，图像可能并不是直接来自图像文件，而是由某个Canvas(画布)对象临时生成的。网络上已经出现了大量的非常好的图形库，这些图形库的存在使得动态生成图像更加容易。如今，JavaScript层可以根据数据进行计算然后绘制出图形，完全可以让网络上的一切变得更加生动，而纯文本内容越来越少。HTML5环境让Web开发人员更易于开发出复杂的图像。这里可能存在的—个同题是，这种图像的处理可能会带来很大负担，比如对客户端的处理器处理能力有一定要求，但是开发者不应该因担心影响性能就不让用户体验生动的图像，只是开发者应该做出一个折中的选择。
HTML5的矢量绘图的功能由Canvas标签和各种绘图API构成。在JavaSeript的脚本中，通过Canvas节点可以获得绘图上下文，通过它调用API就可以绘制各种矢量图酝布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
1．4本地存储允许Web程序利用
IE浏览器端的本地存储空间存储允许最多300个Cookie。最多存储4096个字节的内容。不过，真正实用的Web程序，可能需要比这更多的存储空间。例如，以前的Dojo工具包使用Flash插件来分配用户硬盘上的部分空间，把它留给浏览器使用，而现在使用HTML5就可以达到同样的目的。
1．5 Widget将更丰富
JavaScript和CSS为基础的DHTML技术的迅猛发展，页面设计的易用性、功能性和交互性已经成为了业界的主流趋势。但是，前端大规模的JavaScript和CSS开发的复杂度比较高，而且还要支持不同的浏览器平台，出了很多JavaScript库用来帮助前端开发者，如jQllery、YUI Library、Ext JS等。HTML5为Widget提供了一个相互通信的标准机制。尽管仍然不能够相互进入对方的运行环境中，但它们可以相互发送信息来协同工作了。
2 HTML5发展中存在的问题
HTML5继承Web应用开发简单、部署升级方便、可以跨平台，又能像本地应用那样功能强大，操作体验简便友好。目前存在制约HTML5业务发展的一些问题。当然。这些不足或问题。并非不可克服：浏览器对HTML5的兼容性参差不齐，导致部分HTML5应用无法跨平台；源代码对用户可见，容易被拷贝；HTML5应用的可用性，受制于网络状况的稳定性；缺少优秀的HTML5应用开发工具，影响应用的质量和数量。
如今已经有越来越多的门户网站在尝试使用HTML5，当大家都切身体会到这种新的网页标准所带来的视觉冲击、技术改善、资源节约等诸多便利，相信会加快HTML5页面的普及，虽然目前面临的问题和挑战依然很多，尽管HTML5还有很远的路要走，但其正在改变Web，也必然改变Web。
核心关注：拓步ERP系统平台是覆盖了众多的业务领域、行业应用，蕴涵了丰富的ERP管理思想，集成了ERP软件业务管理理念，功能涉及供应链、成本、制造、CRM、HR等众多业务领域的管理，全面涵盖了企业关注ERP管理系统的核心领域，是众多中小企业信息化建设首选的ERP管理软件信赖品牌。
转载请注明出处：拓步ERP资讯网http://www.toberp.com/
本文标题：浅谈HTML5的技术革新
相关文章
