作为一个站点页面设计人员，必须严格遵循前面介绍的标准，使页面完美地展现在用户面前。在推出Web标准以前，站点网页是以<table>元素做为布局的。从本质上看来，传统的<table>元素布局和现在的CSS布局所遵循的是截然不同的思维模式。下面将介绍传统布局和CSS布局的区别，并着重说明标准布局的重要意义。
1.传统页面布局
传统的页面布局方法是使用表格<table>元素，其具体实现方法如下。
（1）首先，使用<table>元素的单元格根据需要将页面划分为不同区域，并且在划分后的单元格内可以继续嵌套其他的表格内容。
（2）然后，利用<table>元素的属性来控制内容的具体位置，如algin和valgin。
2.标准布局
在Web标准布局的页面中，表现部分和结构部分是各自独立的。结构部分是用HTML或XHTML编写的，而表现部分是用可以调用的CSS文件实现的。这样，实现了页面结构和表现内容的分离，方便了页面维护。例如，下面的代码使用了标准布局。
文件style.css的具体代码如下。(www.xing528.com)
从上述演示代码中可以清楚看出，在使用CSS标准样式后，结构部分和表现部分已经完全分离了。如果想继续修改字的颜色为“green”，则只需对CSS文件中的color值进行修改。这样，如果整个站点的页面都调用此CSS文件，就只需改变此样式的某属性值，整个站点的此属性元素都将修改。
所以说当使用标准样式后，可以实现页面结构和表现的分离，对站点设计具有重大意义。这主要体现在如下几个方面。
■由于页面的表现部分由样式文件独立控制，所以使站点的改版工作变得更加轻松自如。
■由于页面内容可以使用不同的样式文件，可以使页面内容能够完全适应各种应用设备。
■充分结合XHTML的清晰结构，实现建议的数据处理。
■根据XHTML的明确语意，轻松实现搜索工作。
