htlm5新特性.docVIP

HTML5新特性 2009-04-20????文章来源：互联网????浏览次数：3419 HTML基本思维概念形成于2003年，之后W3C对页面超文本应用技术工作小组（WHATWG）开发的HTML草图颇感兴趣，这个小组的开发人员均来自Apple ，Mozilla，和Opera。2007年W3C工作小组正式成立，主要进行HTML 5规格进行开发。目前开发仍在进行中，有望在2012年发布。 HTML 5旨在改进HTML的协同工作能力，增加了急需的页面内容描述。它还增加了HTML 4对页面程序所缺乏的特性。在本文中，让我们来看看HTML 5将会为我们带来什么激动人心的新特性。1.新的HTML元素，增强描述内容的能力HTML的主任务是描述页面的架构，例如在p/p元素之间的文本内容，HTML将告诉浏览器这些文本是一个段落。在HTML 5中将增加更多的HTML组件，给网页开发者提供更好的，更精确的方式来描述数据对象。请看以下的对比情况：  该布局的问题是，对于浏览器来说，所有的一切都是一个div元素。浏览器将平等对待div元素里面的内容，因为他无法进行区分，包括“级别”和“标识”，比如content, sidebar,和footer不同的网站内容各不相同。在HTML5中，可以通过以下的方式进行同一个例子的布局：这样浏览器就能区分各个部分，页面的主要内容在article元素中，导航栏在nav元素中等等。除了更清晰和更符合语 意的标记，它还增强了标记的互用性，比如搜索引擎能更精确的确定页面上什么内容比较重要，它可以忽略掉nav元素 和footer里的内容，因为他们通常不包含页面的重要内容，提高了搜索引擎的效率。另外对于页面开发者来说，他们能更简单统计页面的数据，比如统计视频数量时只需在video元素里统计就行。对于手持设备等主要进行文章浏览时，可以直接定位到article元素中的内容。2.改进页面表格操作当今的网页基本上都离不开表格，在HTML 5中将包含一个达改进叫Web Forms 2.0, 用来描绘如何进行页面表格操作。其中最打的特点就是“表格确认”。当前，开发者通常使用JavaScript（客户端）和PHP（服务端）代码来确认输入 的内容。比如，一些页面的表格中的必填内容：在HTML 4中，以上类型表格的标记一般类似于下面的形式：在这个例子中，你得使用脚本来确认用户递交的内容，开发者必须得写出自己的确认代码，来确认用户并没有留下空白表格。而在HTML 5中无需使用确认脚本，它将提供额外的元素属性，比如required和email 属性，能自动检查用户名和Email栏不是空白的，而且Email地址格式是有效的。3.新的API让页面程序开发更简单HTML 5中将为新元素和现有的元素提供更多的API，旨在改进页面程序开发和增加HTML 4所缺乏的特性。比如，一个视频和音频方面的API将与audio和video元素一起使用，它将提供视频和音频回放能 力，而无需依赖第三方程序，比如Flash。4.canvas元素可以使图像脚本更灵活如下图，通常我们发布的图表都是通过使用图片编辑器来完成，一旦数据有了改变，你只能再次处理新的图片。在canvas元素的协助下，一旦数据有所改变，你可以通过各种脚本来修改饼状统计图（和其他图表）的数据。5.用户可以编辑网页的部分内容HTML 5中的User Interaction 用来描述页面内容交互工作的新方式。它的contenteditable 属性可以让开发者决定，页面哪部分内容允许进行用户更改，这对于wiki类的网站更为有用。总结W3C工作小组有望在2012年公布html5标准，但这并不意味这我们还要等这么长的时间，才能开始使用HTML 5中的新特性。许多主流的浏览器已经开始支持canvas等元素，比如Firefox1.5版以后就开始支持。 ML5包含许多新特性使HTML比以往更强大，也更适合用于构建Web应用。下面列出了你应该了解的新特性列表。列表中列出的一些功能并不是HTML5规范的一部分，但是都被定义在与之相关的规范里，并且它们也是推动现代Web应用的有效部分，了解它们对你会有帮助。 新的语义标签 我们知道，书写HTML代码时，我们应该重视标签的语义性，尽量使用合适的标签来描述内容。在HTML4.01就存在这样的语义问题，不可否认，许 多标签是有含义的，如表格（table）、列表（ul、ol、dl）标题（h1、h2、…）等，但是仍然有很多常用的页面内容是没有语义定义的。比如网站 头部，网站页脚，导航，菜单等，我们只好用div?id=”xxx”/div这种形式来定义这种语义，编写者可以理解它 的含义，但机器不能。同时不