莫要过度使用DIV

现在关于div的使用铺天盖地，在网页中随处可见。然而关于div的使用却有一点泛滥成灾的迹象，对此我们应该保持清醒的头脑，合理使用。

   我们先看一个示例：

<div id="header">
	<div id="title">标题</div>
	<div id="nav">导航</div>
</div>

   当然，这段代码语法上没有任何问题，也符合CSS布局的规范，但是从网页结构优化上看，这并不是明智的做法。我们可以想象整个网页都是使用div来完成布局，这样的代码我相信大家都是不愿看到的。全篇的div反而成了复杂的没有任何意义的代码。这与使用Table布局还有什么优势可言？正确的做法是，我们应该在合适的地方，使用合适的标签。

   上面的代码修改成下面这样：

<div id="header">
	<h1 id="title">标题</h1>
	<ul id="nav">导航</ul>
</div>

   这样看起来是不是很舒服，网页代码功能一目了然。h1-h6标识1-6号字的大小，而且他们设计的初衷就是用于标题。导航栏一般有一些导航项组成，而ul正好可以满足这样的需求，我们使用ul进行导航栏的声明，使用li进行导航项的定义。这样就组成了新的代码结构，网页结构一目了然。可见div的滥用是不明智的。 

   在xhtml中，每个标签都有自己的作用，Web标准推荐尽可能使用符合页面中元素意义的标签来定义元素。最终网页具有很好的可读性。

   根据经验，可以把xhtml中的标签大致分为三类：

1、称为布局设计元素。例如div、span等，它们的主要功能是布局整个页面。

2、结构化元素或信息元素。例如Table、ul等，主要用来进行信息的显示。

3、img、a、meta等，用来实现一些特殊功能。

   符合Web标准的设计思路是：

1、使用div等布局元素进行页面布局、定位。

2、使用Table、ul等显示信息。

   我们应该在合适的地方，使用合适的标签，不要一味的依赖div。

   未来的html标签越来越语义化，从html5新增的标签header、footer、section、article、aside、nav等可以看出。