有不少网友问这样的一个问题：div+css布局跟table布局有什么区别？div+css有什么优势？
因为在他们看来，用table布局，很方便，在DW里面几个表格，填充一些元素，一个页面很快就出来了，开发周期短，而用div+css，css要自己写，还得兼容IE6，IE7，IE8，FF等等（这里又不得不提下这万恶的IE了，唉…没办法，谁让人家用户量大），所以特别对于新后来讲，可能又加大了难度。
从页面结构来讲
实现一个表象，可以有多种方式，我在table、div、xhtml建站的区别一文中有举例，实现一个简单的表象就可以有多种方式，那么，实现一个复杂的页面，就更不用说了吧，如果用table来做，势必会增加table的嵌套数量，而table嵌套数量不建议过多，一般不超过三层为好。另外，用table来布局，页面的代码量一定会增加不少。
用CSS中所写的样式，可共用，减少了代码的写作量，页面的样式，单独定义在一个css文件再进行调用，整个网站的结构，背景图片，页面元素宽、高等属性，这些可 以全部写在这一个css文件中，而页面中，留下来的几乎都是页面的表现了，查看原代码，你会发现，剩下的，只是一些文字，一些图片了，全是要展示给用户的东西了。
一个重要的原因，用table布局，根本不用去考虑兼容各大浏览器，也许这是新手觉得div+css困难，而摒弃它的最根本原因。
从开发周期来讲
一个DIV+CSS布局的站，对于CSS也得一点点自己写，从开发周期来讲，div+css可能不具备优势，table布局可以不用考虑兼容的问题，这点可能table要占一定的优势，当然，也不排除css熟手。
从扩展维护来讲
DIV+CSS的布局为w3c组织所推荐，用div+css实现了结构与表象的分离，从维护与扩展角度来说，结构与表角分离后，当查看原代码时，会很清楚网站的结构，垃圾代码少了不少，修改页面时，很直观，添加一段文字，新加一个页面什么的，直接调用CSS，很方便。
当然，有人说表格在DW里面清清楚楚，但是如果用div的结构，在DW里面也照样可以看得清清楚楚的吧，这也不过是一个习惯的问题了。
从SEO角度来讲
前面说过了，用div+css垃圾代码量减小了，将搜索引擎更加友好，更利于蜘蛛的爬行。
我认为：蜘蛛在一个网站的爬行时间是有限的，用div+css布局，尽量减小垃圾代码，对蜘蛛更加友好，以节约蜘蛛的时间，来抓取更多的页面。
当然，针对这点我曾经跟人争论过，对方认为我说的毫无依据，对方问我：为什么说div+css布局的页面，就要对蜘蛛更加友好，而table布局的页面，就对蜘蛛不友好？又凭什么就说蜘蛛在同样大小的table页面，就要比同样大小的div+css页面爬取的速度就要慢？对方认为我毫无根据，只是我的凭空想像。
后来有人拿出数据认为：蜘蛛对同样大小的DIV布局页面的爬取速度，跟一个table页面的爬取速度相比，在div页面上的速度快不了多少，多少多少毫秒的，而现在的电脑越来越好，网络速度越来越快了，这点也是无所谓的了。
当然，SEO细节决定成败，能节省资源，为何不节省呢？
——————————————–分隔下————————————————-
另附一个关于SEO细节方面的：自从爆出网站速度会对纳入pagerank的算法之中，不少的SEOer都想进一切办法，提高网站的速度，在google黑板报上面，也出了好几篇关于提高页面速度的相关文章，甚至有些网站开始运用一些css框架，为网站提速，比如：S960（本blog的主题即是基于s960框架），原理这里就不说了，有兴趣的童鞋可以百度下。
说明了一点点的小细节，都有不少的SEOer关注着，所以我们不能放弃任何细节。
——————————————-分隔结束 ———————————————————
用div+css布局，淘宝网在这一块，一直走在前面，可以学习淘宝网对页面做css sprite，将图片放在一张背景上面，以节省http连接数，这点优势恐怕是table不可能做到的吧，有兴趣的童鞋可以看看淘宝网，可以学学css sprite。
注：div+css布局，并不是说网页内一个table也不用，而table也符合w3c的规定的。
原创文章，转载请注明出处：www.shenxf.com
本文链接地址：http://shenxf.com/2010-03/div-css-ascendancy.html
阅读了本文的人还看了:
Good Job! 谢谢分享！
注意：删除了你的链接。
文章不错，我mm看了一定也喜欢！
请下次不要再此spam
很不错！谢谢分享！