关于table布局的推荐使用原因

Posted 2020-09-18 落落月

一、关于table布局的性能

1.table标签比其他html标签占用更多字节，导致下载时间延迟，占用服务器更多的流量资源；

2.table会阻碍浏览器渲染引擎的渲染顺序，导致页面生成的延迟，造成不良的用户体验；

3.某些浏览器中，table中文字的拷贝会出现问题；

4.table会影响其内部布局元素属性的生效，例如td的height：100%；

5.table布局相较div+css布局较为麻烦；

6.缺少语义化，代码阅读困难；

 

二、关于table在浏览器seo方面的弊端

1.div+css布局较table布局精简，而页面代码的精简有两个好处：提高搜索引擎spider的抓取效率，可以使爬虫在较短的时间里爬完整个页面，提高页面搜索引擎的收录数量；二则是让搜索引擎机器人高效地爬行页面，而table会给机器人添加障碍，会影响收录质量；

2.当搜索引擎spider爬行table布局的页面时，遇到嵌套的表格布局，会跳过该嵌套的表格甚至整个页面；

 

三.table的使用情况

在某些情况下，也是可以使用table的，只是整个页面的table布局不赞成，而单纯的制作表格则可以使用table，

例如，行列可以交换的情况，也就是一级表格的情况，使用table是可以的；