当前位置:编程学习 > C#/ASP.NET >>

大虾们,DIV+CSS真的比Table要好用吗?

大虾们,DIV+CSS真的比Table要好用吗?
能不能分享下经验.. --------------------编程问答-------------------- 一直用table
想用div+css,还没学会... --------------------编程问答-------------------- 敝人学得不精 除了罗嗦暂时没觉出哪里好来 --------------------编程问答-------------------- table好用
div技术高

table的优点:控制简单直观,上手快
div+css: 不是很直观,但是样式控制容易 --------------------编程问答-------------------- 用了就知道了 --------------------编程问答-------------------- 谈不上好与不好,
table 是通用的,就不用我说拉
div+css 可以实现table的功能,并可以设置好看样式,只要改css就能改变样式表(其实table+css也可以的)
3楼 说的很简洁 --------------------编程问答-------------------- div的加载速度比较快 --------------------编程问答-------------------- DIV+CSS 是样式和代码分离,方便修改,用来布局和适合
以前用表格布局是错误的,表格是用来显示数据列表的,各有各的用处 --------------------编程问答-------------------- 没什么快慢,都一样的,不必死板教条..

该用table用table 该用div用div.. --------------------编程问答-------------------- 听说大点的网站都用DIV+CSS
俺也想学DIV+CSS
目前用Table --------------------编程问答-------------------- 看你偏好那种,什么都不是绝对的,你把它用好了就行。 --------------------编程问答-------------------- 个人认为如果是从代码级来看的话,用div+css更容易理解一些。
div+css可以把相关内容放在一起,用一个div把它们框起来
而table则把它们分散到各个单元格里去了。

如果使用的象DW那样的可视化工具的话,可能感觉不出来。看到什么就是什么,不用满篇的去找下一个元素在那里~

同时div+css开发难度比较大,特别是要实现浏览器兼容。 --------------------编程问答-------------------- 俺赶时髦,所以用 DIV + CSS 。 --------------------编程问答-------------------- div tabble 只要用到它们该用到的地方效果都一样!如果用乱了效果也一样! --------------------编程问答-------------------- div+css,就是觉得写起来很麻烦 --------------------编程问答-------------------- div+css刚开始用感觉是很别扭,但是一旦熟悉点之后,你会觉得比Table好,因为div+css是显示样式(包括页面的布局)和内容分离的,而Table的方式是紧密耦合的,如果要同意切换整个网站的风格样式什么的,很不方便。而用css,只要替换一个css样式文件即可。 --------------------编程问答-------------------- table是定义表格的;
css是定义样式的!
各有用处! --------------------编程问答-------------------- div,css好用,不过要解决兼容问题.

table现在是用得少,将来xhtml,xml整在一起了.用table就更少了~~ --------------------编程问答-------------------- fdesegdggf --------------------编程问答-------------------- div确实不如table容易理解,但div的功能挺强的,用长了就不想用
table就不想用了。听说vs新版本div将逐渐取代table,推荐用div --------------------编程问答-------------------- table好用,速度也不慢(现在的机器,处理多层表格能力已经非常强大了,所以div+CSS速度更快的说法基本不成立).
table也可以用样式控制各个单元格,在固定排版上有非常好的优点.

div+css唯一感觉到好的地方是,你可以排出一种非常复杂的,与设计之初的页面完全不同的样式来,比如用层\相对定位\决对定位等,在这点上,TABLE因为是单元格,所以不能实现.当然,这样的排版,对于设计好后,页面布局基本不变的情况没有什么意义.

总结:如果不能估计最后页面排版的样子,那么用div+css,否则table+CSS. --------------------编程问答-------------------- 哪个都行,主要是CSS要精 --------------------编程问答-------------------- 实际上...
该用table的时候用table还是比较方便,不过布局最好用div+css来完成

table作为表,在数据输出成表格的时候用起来还是比div好点的

div+css上手了,用起来很爽滴说...... --------------------编程问答-------------------- div + css执行效率会比Table来的好,并不是没有根据的,因为div + css如果用的好,可以大大缩减页面的代码,从这个意义上说,确实会提高速度。

还有就是很多人都说如果用div + css可以提高搜索率。

我周围有很多人都把table转化为div + css说成UI重构。我想div + css的优点肯定是很多的。不过适当的时候用table还是很有必要的。

还有我总觉得应该是div + css 和 table + css的比较,不知道为什么会有这种感觉!
--------------------编程问答-------------------- 很好很强大 --------------------编程问答-------------------- 我也一直用TABLE啊 ,,想学DIV+CSS啊
--------------------编程问答-------------------- 根据实际的情况来选择,其实没有一个绝对的好与坏,就像宝马和奔驰一样,谁好谁坏了. --------------------编程问答-------------------- 很多人都说没有绝对的好坏,但是从我个人的经验和教训来说,div要比table确实要好

如果只是单纯的考虑完成工作的速度,那么肯定是table方便

从编码方面来说,div+css要比table更像程序员的东西,div的代码简洁容易理解,table要出现超级多冗余代码,读起来很困难

从美工方面来说,div+css要控制的更精细,而且改改样式表就可以生成很多套样式,而且不用动aspx页面,你用table行吗?

另外,从教训方面讲,如果你的客户不满意页面的布局,而你的页面是大量的table使用单元格来控制的,那么你可惨了,但是如果你是用div+css来控制,并且掌握css比较好,你在客户那里,直接重写css或者简单的调整一下几个参数即可搞定。

我个人认为,table只应出现它改出现的位置上,但不应该是页面整体的布局。

还有一点,现在流行wap页面或者说简洁页面,就那种只有文字没有图和漂亮的界面的那种,如果使用css规划的好,那么不加载css的页面,应该直接可以作为纯内容页面来使用。

个人的一点拙见,请大家指正!
--------------------编程问答-------------------- 简单的说DIV是层布局前台代码看起来简洁
最简单的优势就象现在好多BLOG让用户自定义模块的位置,这个就是用只改变CSS样式,DIV层就类似水流一样把会自己流动.
可以定义多种不同风格的页面效果,但是TABLE做不到~ --------------------编程问答-------------------- 个人比较喜欢DIV --------------------编程问答-------------------- DIV与Table布局在大型网站的可用性比较 
 
  
  DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛。 

  DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做。 

  中国的门户和国外的有很大的区别,中国网民并不喜欢信息量少的页面,YAHOO到了中国页面上的内容就多了不少,而上次改为简洁的页面后访问量下降的厉害以至于没过几天就又改了回来。正式由于中国的国情造就了搜狐、新浪这样门户。 

  为什么DIV不适合他们?下面从几个方面来逐一说明: 

  精简代码: 

  大家都说DIV的布局精简代码,但是用DIV替代TABLE所节约的代码又被CSS(样式)所占用,而这些样式大多用于控制DIV的排版布局。那你会说了,CSS可以放在外部重用啊,要想得到这个问题的答案请往下看。 

  重用性与下载量: 

  统一使用一个.css的样式表文件,可以实现修改一次,全站修改的效果,这样使得维护的成本更低。但是请大家换一个角度想,如果所有页面在加载时都要访问一个文件,那这个文件每天的下载量,特别时在搜狐、新浪的网站平台上将达到几亿次,这就需要后面有很多台前端web服务器在做支撑,那后台的成本无形中也提高了很多。如果后台支撑没有做好,那么页面就会出现花屏,之前所作的工作也是白费。很多人会问,这样的几率太小了。我们所作的工作就是为了避免这一两次意外的发生,如果意外发生了,对于门户后果将是不堪设想的。 

  HTTP通讯: 

  统一的样式表文件采用外部调用的形式,这样每次加载单个页面都会多一次对服务器的http请求服务器都会增加一次响应,这样对前端web服务器会是很大的消耗。而原来很长时间都是将css和js写在页面前端,而不是作为外部调用的形式,也是为了尽量避免给服务器增加消耗。 

  页面缓存: 

  每次用户访问的页面,都会在浏览器缓存中保存一定时间,以保证用户下次再访问该页面时能够大大提高页面显示速度。而每次修改都会使页面重新下载,对于每个外部导入的样式文件也是如此,如果CSS文件修改,那么访问网站的每一个页面都会重新下载,而以往的将样式写在页面中的方式,只是修改的页面需要重新下载。 

  兼容性: 

  对于CSS(样式表)并不是所有浏览器的所有版本都支持的很好,比如IE5以前的浏览器对于CSS的支持就不是很好。而现在使用IE5以前版本浏览器的用户不在少数,这样就使得在页面制作的过程中需要针对不同浏览器版本进行测试,以保证兼容性,无形中也增加很多工作量(至少我接触的开发人员制作div页面比table页面的标准时间要长一些)。 

  横切与延展性: 

  横切——传统的布局方式为了使页面下载的更快,把页面自上而下分成若干个块,但是往往采用DIV进行布局的页面都会出现这样的情况,由于每块中间栏或者其他栏内容条数不固定导致两边栏目没有同时自适应,而出现留白。 

  说了这么多并不是说DIV这种布局方式不好,而是说我们应该正确的看待Table在以内容为基础的大型门户中的作用,而不是人云亦云。之所以DIV的布局方式没有在大型网站应用,不是说门户没有用DIV是技术落后,是里面的人没有前瞻性,而是多种原因决定的。网易之所以全部采用DIV的方式是因为内容并不是他们主攻方向。而对于其他门户来说,这样的决策是要靠时间来验证的。只是现在这个时机还不成熟而已。 

 
--------------------编程问答-------------------- 大网站全用DIv+Css,我也曾纠结了好久,好事学着用DIv+css了,好好学就对了 --------------------编程问答-------------------- table 和 div 其实都是一样的。 就是在页面加载的时候div的加载速度比table快一些 --------------------编程问答-------------------- 当然选用div+css啦,你见到过有那个网站布局用表格的吗! --------------------编程问答-------------------- ajax  要用到 div 啊~~~~~ --------------------编程问答-------------------- 好用?那是胡扯。
再好用的东西也得分情况。这个世界难道有绝对的好和坏吗?
--------------------编程问答-------------------- 个人觉得div更符合面想对象的思想 --------------------编程问答-------------------- 做在线表格之类的用table
做网站UI的就用div+CSS --------------------编程问答--------------------
引用 36 楼 kingorange2309 的回复:
个人觉得div更符合面想对象的思想

跟面向对象都扯上了。。。 --------------------编程问答-------------------- 容易控制.
但兼容性目前是个问题 --------------------编程问答-------------------- 熟悉div+css之后,还是div很好用。
--------------------编程问答-------------------- 网站布局采用DIV+CSS 才是真正的好网站 --------------------编程问答-------------------- table用起来,是好做,但到后期改的话,会让你有种想哭的冲动。
DIV+CSS,做起来会随心所欲,也比较美观。只要把CSS写好,你要放哪都可以的。修改起来的话,也是只要动那么一小块的,而table就不行了。有的要动很多地方,让你改得头疼。

--------------------编程问答-------------------- 两者并不矛盾,不过网站前台一般用div+css好一点。div可以以区块为单位来加载(但是table不能以td或者tr为单位来加载,而是必须得</table>后才能把里面的内容显示出来),而且SEO更倾向div
--------------------编程问答-------------------- csdn用的啥布局? --------------------编程问答-------------------- 如果你的页面内容全都放在一个table里面   那么在浏览器浏览的时候就必须把整个table下载完才能显示内容       而div就不同了 --------------------编程问答-------------------- 就是个排版问题,怎么好看怎么来 --------------------编程问答-------------------- DIV+CSS更灵活
Table加载速度慢,而且有太多的冗余代码 --------------------编程问答-------------------- 会被浏览器兼容问题整死 --------------------编程问答--------------------
引用 29 楼 shoushii 的回复:
个人比较喜欢DIV


不能说哪个好不好。

29L,看咱俩头像- -!

猿粪啊,小友、交个朋友呗、、 --------------------编程问答-------------------- 看看CSDN的源代码,少不了表格的应用!

合适的地方用合适的东西,不要被条条框框限制! --------------------编程问答--------------------
引用 44 楼 onlyvb 的回复:
csdn用的啥布局?

下个网页研究一下……(*^__^*) 嘻嘻……
补充:.NET技术 ,  ASP.NET
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,