使用合适的对象来布局
点击数：2580 发布时间2012-01-24 22:58:17
有这样一种情况会发生，在header区域中，除了标题，可能还有其它对象出现，如导航菜单等，因此从布局关系上来看，我们需要再用两个对象来分别标识header之中这两个元素。当然，可能使用div来完成，例如以下的代码结构：
<div id="header">
<div id="title">标题区</div>
<div id="nav">导航</div>
</div>
我们这样编写代码可以吗？答案是可以，而且从语法没有任何错误，符合布局的规范，但是我们认为，从网页结构与优化上来看，这种做法是不科学的。
我们知道XHTML的所有标签之中，不仅仅由div组成，还有其他标签，而每个标签都有着自己的作用，虽然我们可以完全使用div来构建布局，但组成的页面将是一个全由div组成的网页，最终带给我们的可读性并不高，全篇的div反而成了复杂的没有任何含义的代码。
正确的作法是，选用符合需求的其他XHTML标签，合理的替代div，改进后的代码如下：
<div id="header">
<h1>标题区</h1>
<u1>导航</u1>
</div>
Web标准推荐使用尽可能符合页面中元素意义的标签来标识元素，在以往的表格式布局之中，无论是h1或是u1这些元素几乎都不常见到，主要原因就是所有的对象形式都表格所替代，页面可读性差，也没有任何伸缩可言，而在CSS布局之中，要求我们尽可能多的去使用XHTML中所支持的各种标签，最终见面对象都将拥有良好的可读性，通过进一步CSS的定义，其样式表现能力丝毫不比表格差，而且拥有比表格高出许多样式的控制方法。这也是CSS布局的基本优势。
