第17天 你认为table的作用和优缺点是什么呢?
优点:写表格方便快捷,样式统一,居中对齐,减少使用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等
作用:以前用来布局和展示表格,现在一般只用来展示表格
优点:结构简单,布局快速
缺点:如果对表格的渲染要求比较高时,就不够灵活。
例如:涉及冻结列,冻结行,表头固定等。就都需要配合其他标签再封装
优点:结构简单,布局快速
缺点:如果对表格的渲染要求比较高时,就不够灵活。
例如:涉及冻结列,冻结行,表头固定等。就都需要配合其他标签再封装
Most helpful comment
table用于表格数据的展示,并且很符合人们的直观认知。在
div+css布局流行之前,普遍使用table进行布局。曾经的神器 Dreamweaver 的可视化拖拽也是基于table布局。table布局的好处在于样式好控制,特别是居中、对齐。缺点在于会多处非常多的 DOM 节点(想想一个td里面再来一个table),会导致页面加载变慢、不利于 SEO(table原本就不是用来布局的)。也因此,在 CSS 成熟之后,table布局马上就变成历史了。