table 用于表格数据的展示,并且很符合人们的直观认知。

在 div+css 布局流行之前,普遍使用 table 进行布局。曾经的神器 Dreamweaver 的可视化拖拽也是基于 table 布局。

table 布局的好处在于样式好控制,特别是居中、对齐。缺点在于会多处非常多的 DOM 节点(想想一个 td 里面再来一个 table),会导致页面加载变慢、不利于 SEO(table 原本就不是用来布局的)。也因此,在 CSS 成熟之后,table 布局马上就变成历史了。

优点:结构简单,布局快速 样式简单,构建方便,兼容良好,利于搜索
缺点:如果对表格的渲染要求比较高时,就不够灵活。 影响加载和渲染,维护麻烦,不利于css,影响用户拷贝
例如:涉及冻结列,冻结行,表头固定等。就都需要配合其他标签再封装

Q.E.D.

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

弱小和无知不是生存的障碍,傲慢才是。