码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-05-13 13:27:32      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:跳过   交换   bsp   height   html   推荐   搜索引擎   字节   seo   

一、关于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是可以的;

 

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

标签:跳过   交换   bsp   height   html   推荐   搜索引擎   字节   seo   

原文地址:http://www.cnblogs.com/Yoriluo/p/6848611.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!