div+css布局比table布局的优势

小锋 — Fri, 19 Mar 2010 16:40:31 +0000

有不少网友问这样的一个问题：div+css布局跟table布局有什么区别？div+css有什么优势？

因为在他们看来，用table布局，很方便，在DW里面几个表格，填充一些元素，一个页面很快就出来了，开发周期短，而用div+css，css要自己写，还得兼容IE6，IE7，IE8，FF等等（这里又不得不提下这万恶的IE了，唉…没办法，谁让人家用户量大），所以特别对于新后来讲，可能又加大了难度。

从页面结构来讲

实现一个表象，可以有多种方式，我在table、div、xhtml建站的区别一文中有举例，实现一个简单的表象就可以有多种方式，那么，实现一个复杂的页面，就更不用说了吧，如果用table来做，势必会增加table的嵌套数量，而table嵌套数量不建议过多，一般不超过三层为好。另外，用table来布局，页面的代码量一定会增加不少。

用CSS中所写的样式，可共用，减少了代码的写作量，页面的样式，单独定义在一个css文件再......查看全文

阅读了本文的人还看了: 蜘蛛每次在一个网站停留不会超过五秒？ table、DIV、XHTML建站的区别 div+css和table的加载速度对SEO的影响黑帽SEO精典案例-关键词堆砌2 百度SEO优化指南v1.0 阅读了本文的人还看了:

table、DIV、XHTML建站的区别

小锋 — Wed, 17 Mar 2010 08:27:57 +0000

table、DIV、XHTML建站的区别，其实这也是国内网站建设逐步走向成熟的标志。网站建设，简单的来说，就是“这个人长的怎么样”和“这个人内心怎么样”。一部分是外观所展示出来的“视觉效果”、另一部分是藏在里面的“代码元素”。

我们先来举一个简单的例子，用这3种不同的代码风格，实现同一个页面效果：

1.首先是用table来写，需要8行代码：

xiaofeng's blog » div+css

div+css布局比table布局的优势

table、DIV、XHTML建站的区别