Fe-interview: [html] 第17天 你认为table的作用和优缺点是什么呢?

Created on 2 May 2019  ·  12Comments  ·  Source: haizlin/fe-interview

第17天 你认为table的作用和优缺点是什么呢?

html

Most helpful comment

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

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

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

All 12 comments

优点:写表格方便快捷,样式统一,居中对齐,减少使用div,seo较好
缺点:需要写的内容较多

@hbl045 不知道大家有没有经历过用table布局的年代

table布局接触过,是在做三栏布局的时候,两边等宽中间自适应。table在这个时候功能挺强大的,兼容性不错,除了写的多,几乎都没找到太多缺点。面对居中对齐更是便捷。

为什么我觉得table不利于seo。。

我觉得它没有优点

缺点 容易导致回流

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

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

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

用table布局感觉好麻烦的样子

优点:样式简单,构建方便,兼容良好,利于搜索
缺点:影响加载和渲染,维护麻烦,不利于css,影响用户拷贝

优点:特定的布局时,可以很块完成布局。
缺点:结构比较繁杂,相对于目前比较流行的布局来讲。如flex,div+css,grid等
作用:以前用来布局和展示表格,现在一般只用来展示表格

优点:结构简单,布局快速
缺点:如果对表格的渲染要求比较高时,就不够灵活。
例如:涉及冻结列,冻结行,表头固定等。就都需要配合其他标签再封装

优点:结构简单,布局快速
缺点:如果对表格的渲染要求比较高时,就不够灵活。
例如:涉及冻结列,冻结行,表头固定等。就都需要配合其他标签再封装

Was this page helpful?
0 / 5 - 0 ratings