该布局的问题是，对于浏览器来说，所有的一切都是一个<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>元素的协助下，一旦数据有所改变，你可以通过各种脚本来修改饼状统计图（和其他图表）的数据。


(责任编辑：admin)