日期:2014-05-17  浏览次数:20688 次

请问DIV与传统的TABLE定位相比到底优势在哪里?
现在看很多网站都应用了DIV+CSS的新XHTML标准,请问这与传统的TABLE制表优点在哪里?对访问速度还是修改起来方便,对许多新技术的应用,还是对整体网站布局来讲有帮助?

------解决方案--------------------
不是div与table的比较了。
而是网站标准web standard和传统作网站方法比较了。概念要清洗

web standard推崇地是内容与样式和行为分析。 分成三步实现网站标准化:
一、结构(以div span == 无语义标签布局,ul li p h1 pre语义标签修饰文本和图片。视频和音乐用object标签,如果显示数据就用table,数据表格就是用来显示数据的);
二、表现css;
三、行为javascript;
结构与表现分离,这样分工明确,可以让编辑更注专注于内容,设计者关注样式,程序员关注行为。并不是每个人都可以做超人的了。分工细致才能提高整体团队地效率。
对于访问者来讲,他们注重于看到地结果,而不在乎我们是如何实现的。不能因为客户没有需求,就自己停止前进了。

如果可以做到结构内容与表现样式分离,table也一样可以用来布局。不是不可的了,只是我们在使用table的时候,最好清楚这个标签地语义就是用来表现数据的
------解决方案--------------------
楼楼上的,人家就是说table布局和div布局的分别,没有说不在w3c标准下啊?


div布局和table布局的最重要区别在于“分离”两字

1.页面布局的块分离——不同区域显示不同的内容,其中一个有改变,
div对其他块的影响很小,table则有可能产生“联动”,令外观改变
当然也可以分成很多小table的“块”,但这样做比起div只是徒增麻烦

2.代码分离——html里面的“l”是language,无论你用什么软件辅助设计,它最终还是一种语言的依归,所以无可避免就是写代码的规范;基于上述第一点div能把不同功能的“块”的代码各自分离,对代码的简洁规范有绝对帮助

3.前后台分离——从第二点引申,table制作的网页,交给后台编程人员加入php/jsp/asp什么的代码后,页面就成型,前台人员就很难更改样式,不需要更改程序进行二次设计基本属不可能
div因为代码分离清晰,所以有多次设计的可能

4.岗位分离——曾经看过某人的博客,上说“web2.0的发展其实就是网络大分工的发展”,
从上面几点可以看到,前后台分离、数据库与编程分离(这个在较早已经实现)、网站制作与网站架设分离,令工作分工更细致,团体工作效率更高。

举个简单的例子:
假设163.com的首页,新闻部、体育部、娱乐部……都需要同时更改首页内容
你觉得用一个大table布局的网页容易改还是div布局的网页容易改?
又比如google的个性化首页,table布局做这个……
如果你将来学到xml+xslt对这些感受会更深


当然,如果一个人包揽从硬件/linux/apache/php/sql/html以及网站推广的话,完全可以忽略上述观点,布什说过“独裁的管理绝对是效率最高的”(语指萨达姆)……