div和table的区别之我见

原文地址:http://blog.sina.com.cn/s/blog_482611850100h3ih.html 博主和我是同一个姓，很亲切。
1、页面渲染性能的区别：DIV是即读即加载的渲染方式。table 完全读完后才会开始渲染。DIV在遇到与自己对称的之前，照样加载 div 中的内容。而table在读到与它对称的 之前，table中的内容不加载。但如果网络速度够快，基本上感觉不到差异。除非是个4、5屏的大首页，肉眼能看出一点区别。

2、结构与表现分离：使用DIV相对更语义化，利于搜索引擎优化。搜索引擎喜欢内容与修饰分开。另外，就像是一个图片，写在里，和写在CSS的background里，CSS类语句差别很大。table的各种标签，自身就包含了复杂的属性定义，并不是完全的结构与表现分离。

3、逻辑表现清晰：对于JS工程师来说，套DIV和套table没什么区别，只要页面逻辑表现清晰即可。这样说的话，DIV代码看上去相对更清晰，修改起来也更灵活，更有弹性。

4、浮动(position)：具体到代码，table里是无法使用position浮动层叠的，为实现设计造成了一定的约束。

5、table代码”相对”臃肿：DIV的结构比TABLE简单，能给页面减肥。至于table，需要写下

这三个标签之后，才能开始真正的内容，而DIV只需 一个标签。精简了页面，增强维护性。

但是有时候，一些未知的结构，用table还是更好些。比如一个登录注册流程，用户名、密码的文本框的后面，会不断的无刷新冒出错误提示；或者输入三次错误，跳出验证码等未知的样子；或者是产品、设计不稳定导致需求不断变更……我之所以一直用“相对”、“比较”这种词汇，就是不想把话说的太死。无论是table还是DIV，各司其职就好。