div + css 布局成为主流之前,基本都是以 table 布局为主。曾经的三剑客,Dreamever 的所见即所得也是利用 table 来做布局。

table 布局对于排版比较友好,水平居中、垂直居中都可以利用 table 的属性来完成。但缺点也是十分明显的。

1、table 布局往往是 table 嵌套 table,会有非常多的 DOM 节点,对于性能来说是一个灾难
2、语义化不明,本身就是标签错误的用法。因此对 SEO 不友好。
3、DOM 操作是噩梦,无数的 trtd 中要寻找到目标 DOM 元素非常困难,代码没有维护性可言。