table布局的优势是制作效率高,它的原理是用表格的行列拆分来对网页内
容进行定位,有很多工具可以自动从切片到表格布局这些工作,结合部分
css对网页样式细化,至于什么"div+css"布局是因为xhtml结构有很多结构
划分都是通过div组织的,所以div用的比较多,很多人叫顺口了,没有人会
什么都用div的.
table布局的缺点:
首先说明下table以及tr, td这些标签本身不是用来定位布局的,它们有自
己的用途正如它们标签名一样:如果一些数据本身就是一个表格,我想找不
到比它更好的结构标签.
跑题了,言归正传,我举个例子来说明下table的布局缺点:
假如一个两列布局用table实现
代码如下:
<table>
<tr>
<td>内容一</td><td>内容二</td>
</tr>
</table>
如果要改成两行布局需要改动结构代码,要把上边的结构代码改成如下:
<table>
<tr><td>内容一</td></tr>
<tr><td>内容二</td></tr>
</table>
这是违背思想表现与结构分离的,改动表现需要改动结构
如果用标准布局,两列布局的代码如下:
css样式代码:
#content_1{
width:30%;
float:left;
}
#content_2{
width:69%;
float:right;}
结构代码:
<div id="content_1">内容一</div>
<div id="content_2">内容二</div>
改成两行代码后结构代码不变
css样式代码:
#content_1,#content_2{
float:left;
clear:both;}
甚至可以去掉.
css是专门用于网页表现的
只要改动css就可以改动布局表现不需要改动结构,这符合表现与结构分离的思想.
为什么使用标准思想,是因为这样做有利于项目的后期维护和修改,如果样式需要修改,只要改css;如果采用table布局的改动结构给项目带来更大的风险,因为很多网站项目的结构文件都是程序和结构标签混合的,改起来很累,也很混乱.
就算是采用xhtml+css布局,没有始终贯穿标准标准思想做出来的项目也得不到思想带给我们的好处
我想这就是标准思想带给我们的好处
鄙人文笔不行,说了一堆废话,对不住各位兄弟;
