100 分 DIV vs TABLE

[ShiningstarHu]

看了
http://community.csdn.net/Expert/TopicView1.asp?id=4216138
发现讨论很激烈啊,我来讲讲我的看法。

先讲讲DIV的好处，我开始使用DIV主要是为了替换网页里面IFRAME和,FRAME等框架。
大约1年半前开始的。 这样做的好处是，所有网页内容都在一个窗体里面，便于ASP/ASP.net
传递变量。免去了不同页面之间传递变量的不方便。 而且文件数量也减少了很多。

用DIV来完全替换表格，我觉得大可不必。表格当然有表格的优势。对于局部的数据显示
我相信对于目前来讲，表格还是有优势的。至少写起来方便，举个例子：
如果你要实现一个日历控件，我相信大部分人还是首选表格作为数据的载体。

但是对于整个页面的排版，使用一个1 : 1的大表格，就像上面有朋友说的那样，这的确不是一个好方法。对于这个问题，我早在7年前开始写网页的时候，就尽量避免了。可能你会问，为什么，很多人不知道这样做的坏处是什么。原因很简单，一个是<TABLE>这个标签载浏览器里面的显示效率比较低，还有就是当浏览器在解释HTML标记的时候。对于表格来讲浏览器一定要读到</TABLE>这个标记时才会把整个表格之间的内容显示出来。你们可能会有这样的经验，有时候放问一个王站，连接速度很慢，网页显示一片空白，等待数十秒，甚至1-2分钟后，网页内容突然全部现实出来。这个现象一般都是因为有了一个1:1的大表格，嵌套了无数小表格造成的现象。造成这个现象的根本原因是因为，浏览器还没有读取到最外面一层表格的</TABLE>标记。 当然对于目前越来越多的人使用宽带上网情况，这个现象不严重了，但是想想7年前，我开始做网页的时候，当时的连接才28.8的猫啊!!


现在讲讲表格的好处。我前面讲了，对于局部的数据显示，表格还是有优势的。比如实现如下的效果：
<TABLE BORDER="2">
<COL Span="2" STYLE="color:red">
<COL STYLE="color:green">
<COL STYLE="color:blue">
<TR>
<TD>This column is in the first group.</TD>
<TD>This column is in the first group.</TD>
<TD>This column is in the second group.</TD>
<TD>This column is in the third group.</TD>
</TR>
<TR>
<TD>This column is in the first group.</TD>
<TD>This column is in the first group.</TD>
<TD>This column is in the second group.</TD>
<TD>This column is in the third group.</TD>
</TR>
</TABLE>

我相信，如果你要用DIV实现上述效果，就没有像表格来得这么容易了吧:D

[笨笨兔兔兔兔兔]

web标准没让不用table的..........

关键的争论应该是整体布局

如果用编译原理来解释的话,div比table确实有不少的优势

[纪俊]

up下
不错

[笨笨兔兔兔兔兔]

还有要考虑的是,瓶颈点不止是客户端带宽

还有就是某国政府故意制造出来的带宽问题.....

[笨笨兔兔兔兔兔]

如果仅仅是为别人制作网站的话,倒大可不必用div,开发速度是问题

[sunway8110]

1.结构用div
2.不要嵌套表格
3.用CSS表现
4.JS用DOM
5.数据显示TABLE首选

个人觉得很多人都对WEB标准有误解。首先，WEB标准是向后兼容。其次，改版容易，是指用WEB标准重构后，再次改版容易，只要修改CSS即可。

有很人多都在将table转div，其实何必呢。我们只要在大方向上使用DIV，如页面的布局、排版。其它一些地方都可以用TABLE嘛。

[sunway8110]

对程序员来说开发速度不是问题。速度主要是在设计或者是网页制作人员。对程序员来说，要输出的HTML代码内容在减少。