前端知识17 你认为table的作用和优缺点是什么呢?

Scroll Down

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

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

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

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