文档章节

HTML Table 的研究

林玮晶
 林玮晶
发布于 2015/04/13 18:07
字数 1040
阅读 13
收藏 0
点赞 0
评论 0

1. 表格的使用不会影响 SEO

其实搜索引擎不会因为你的网站用了大量的 table 而让你的网站在排名上有升降,只是 table 确实让搜索引擎在分析上用上较多的时间,另外 table 对 手机制作不友好,维护不易... 基本上是技术上的问题,而 SEO 方面,其实没有太大影响。PitStopMedia 的 Traian 对此有比较详细的描述。

Search engines and spiders don't care one way or another. Search engines look for content on the pages and not the HTML code; for that matter, even the pages which are not HTML coded properly or W3C valid still get indexed and rank in search engines.

via http://www.searchenginepeople.com/blog/css-tables.html#ixzz3WLgzasI0

As far as SEO is concerned, search engines do not care. However, the idea is to separate design from content. Tables should strictly be used for tabular data, divs for layout. Using tables for design purposes mixes your markup with layout elements, which is regarded as bad practice.

via http://webmasters.stackexchange.com/questions/6890/are-html-tables-bad-for-seo

Tables render slightly slower than divs, but it's not the end of the world. In general, you should avoid tables unless you're working with actual tabular data, but if tables make your life easier they're not going to have much impact on SEO, if any.

via http://moz.com/community/q/div-tags-vs-tables

那么到底哪些因素会影响到 SEO 呢?以下是 Search Engine Lead 的整理,虽然是针对 Google 的不过对百度也有一定的适用。

在此输入图片描述

想想一下,如果你是搜索引擎公司,为了提供较好的搜索结果,你会怎么做?估计会存两份的文件,一份有 HTML 结构的,一份就是纯粹的文章信息内容,所以搜索引擎就是内容为王,剩下的是关键字的处理(Ht、Ac、Cr 都涉及这方面的内容)。

当然为了符合现代设计,在 layout 方面,还是不要用 table,主要考虑到页面的 loading 时间,和手机版的开发,自适应设计基本上成了现在网页设计的标准,而 table 在自适应设计方面确实比较鸡肋。

2. 较为复杂的表格使用

在此输入图片描述

这是 W3 文档中给的案例,是一个相当复杂的表格应用,代码如下:

<table>
	<caption>Measurement of legs and tails in Cats and English speakers</caption>
	<thead>
	<tr> <th> ID <th> Measurement <th> Average <th> Maximum
	</thead>
	<tbody>
		<tr> <td> <th scope=rowgroup> Cats <td> <td>
		<tr> <td> 93 <th scope=row> Legs <td> 3.5 <td> 4
		<tr> <td> 10 <th scope=row> Tails <td> 1 <td> 1
	</tbody>
	<tbody>
		<tr> <td> <th scope=rowgroup> English speakers <td> <td>
		<tr> <td> 32 <th scope=row> Legs <td> 2.67 <td> 4
		<tr> <td> 35 <th scope=row> Tails <td> 0.33 <td> 1
	</tbody>
</table>

3. col 的使用

比较有效的使用 col 必须和 colgroup 配合使用,否者会导致一系列的兼容问题,以下是海外 W3Schools 上的罗列:

在此输入图片描述

我们可以看到大部分的属性设置在 HTML5 中都不被支持,包括: align、char、charoff、valign、width。只能通过 CSS 来处理,生效的有: border、background、width 和 visibility;其中,visibility 在 Webkit 浏览器中都不支持的,包括 Chrome 浏览器,IE 是支持的。

4. 数据岛 datafld 的使用

datafld 是 IE 4.0 的产物,IE 5.0 做了完善,正式推出,目的是让 XML 和 HTML 能够有效的互动,当时还提出的 DHTML 的概念,这是 IE 独家支持的技术,不过随着微软近年来不断向 W3C 规范靠拢,很多功能都不再支持,IE 7.0 之后就不再支持数据岛了,代替的是 AJAX 处理方式。XML 数据格式也基本上由更加轻量的 JSON 数据代替。

5. sortable 与 sorted 属性

虽然 w3 的文档中提到 sortable 与 sorted 属性,分别作用于 table 与 th 元素,然而该属性还未被任何浏览器支持(预计 2016 年推出)。

  1. char 与 charoff char 和 charoff 是 HTML4 的遗物还未获得大部分浏览器的支持,就迎来了 HTML5,所以基本上大部分的浏览器都不支持。

© 著作权归作者所有

共有 人打赏支持
林玮晶
粉丝 1
博文 23
码字总数 7227
作品 0
福州
程序员
智能卡开发的相关总结

1.EMV技术学习和研究(一)开篇(http://blog.csdn.net/xuture/article/details/9208259) 2.EMV技术学习和研究(二)应用选择(http://blog.csdn.net/xuture/article/details/9250067) 3.EMV技......

IT追寻者 ⋅ 2016/09/08 ⋅ 0

【2015.8.26】新的开始与纪念web开发

okay重新通过邮箱找回了这个账号的密码,过去一年了,像是尘封起来的一些岁月静静的躺在一个并不眷顾的角落。当时很喜欢一个女孩,我希望用我的行动来帮助她,那一阵子疯狂的看书敲代码,就是...

C2056LOVE ⋅ 2015/08/26 ⋅ 0

Javascript:小心使用innerHTML

最近在做AJAX,想用javascript实现DataList功能,遇到一个棘手的问题,由于要生成的HTML很长,所以我写成如下的形式: list.innerHTML=" "; list.innerHTML+=" " ...... 但是这样生成的innerHTML...

浣熊干面包 ⋅ 2011/01/06 ⋅ 0

【政策】北京市科委发布最新征集新一代人工智能、脑认知与类脑技术等六大领域储备课题

去年,在国家层面频频出台一系列人工智能发展规划政策后,2018年地方进入政策落地实施阶段。 11日,北京市科委发布六份通知,征集2018年六大技术领域储备课题,这六大领域分别为: ①认知与类...

技术小能手 ⋅ 01/12 ⋅ 0

论文翻译和内容讲解

如何把个人有限的研究内容与实验室无限的大方向相结合?——Mr. Lei 1、论文研究的主要对象; 2、主要关注哪些问题; 3、怎么解决这些问题; 4、效果怎么样; 5、与本实验室的研究方向有哪些...

realsa ⋅ 2014/07/12 ⋅ 0

今日数据行业日报(2017年8月28日)

【投资经济】 BCG:2017年全球财富报告 BCG:2017年全球财富报告 | 互联网数据中心-199IT | 中文互联网数据研究资讯中心-199IT 普华永道:2017年上半年中国企业并购市场报告 普华永道:2017年...

DingLi ⋅ 2017/08/28 ⋅ 0

java 基础真的不重要吗

本人有不到4年的工作经验,最近同事的一席话让我迷茫。求大家帮解。 1、A同事说你学习基础研究框架还不如学学新的技术的,什么叫会,就是会用(不用仔细研究,只是会用就可以) 2、B同事说公司需...

seaside_hi ⋅ 2012/09/02 ⋅ 33

httpClient4.2官方文档研究

前言 超文本传输协议(HTTP)也许是最常用的在互联网上使用的协议。 Web服务,支持网络设备和网络计算的增长继续扩大用户驱动的Web浏览器的HTTP协议之外的作用,同时增加了一些应用程序需要H...

harries ⋅ 2015/08/24 ⋅ 0

编写一个AQI分析的Orange插件

原创文章,欢迎分享! http://my.oschina.net/u/2306127/blog/613875 最近空气污染严重,也为了演练一下Orange插件编写和数据处理的学习成果,准备开发一个AQI数据获取和分析的插件。目前做出...

openthings ⋅ 2016/02/04 ⋅ 1

如何分析一个项目

数据表研究 大概知道项目的情况 数据表数据研究 进一步知道项目情况 动态数据研究 添加删除,进行一些操作,看看数据的变化。通过变化的数据,来分析项目的功能与内部的奥秘 代码研究 大致知...

桃子红了呐 ⋅ 2016/05/01 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

istio 文档

https://istio.io/docs/concepts/ https://istio.io/docs/concepts/traffic-management/handling-failures/ https://istio.io/docs/concepts/traffic-management/rules-configuration/......

xiaomin0322 ⋅ 19分钟前 ⋅ 0

编程语言的作用及与操作系统和硬件的关系

一、编程语言的作用及与操作系统和硬件的关系 作用:编程语言是计算机语言,是一种程序员与计算机之间沟通的介质,通过编程语言可以使得计算机能够根据人的指令一步一步去工作,完成某种特定...

slagga ⋅ 30分钟前 ⋅ 0

runtime实现按钮点击事件

也不能说是实现吧,,,就是有点类似于RAC里边的写法,不用给btn添加另外的点击事件,就那个add...select...这样子很不友好,来看下代码: [self.btn handleControlEvent:UIControlEventTou...

RainOrz ⋅ 30分钟前 ⋅ 0

Windows系统运维转linux系统运维的经历

开篇之前,首先介绍一下我的背景把:我是一个三线城市的甲方运维。最近,在《Linux就该这么学》书籍的影响下和朋友小A(Linux运维已经三年了,工资也比我的高很多)的影响下,决定转行。最近...

linux-tao ⋅ 31分钟前 ⋅ 0

zip压缩工具,tar打包工具

zip压缩工具 zip打包工具跟前面说到的gzip,bz2,xz 工具最大的不一样是zip可以压缩目录。如果没有安装,需要使用yum install -y zip 来安装。安装完之后就可以直接使用了,跟之前提到的压缩...

李超小牛子 ⋅ 39分钟前 ⋅ 0

使用npm发布自己的npm组件包

一、注册npm账号 官网:https://www.npmjs.com/signup 注册之后需要进行邮箱验证,否则后面进行组件包发布时候会提示403错误,让进行邮箱核准。 二、本地新建一个文件夹,cd进入后使用npm i...

灰白发 ⋅ 40分钟前 ⋅ 0

010. 深入JVM学习—垃圾收集策略概览

1. 新生代可用GC策略 1. 串行GC(Serial Copying) 算法:复制(Copying)清理算法; 操作步骤: 扫描年轻代中所有存活的对象; 使用Minor GC进行垃圾回收,同时将存活对象保存到“S0”或“S...

影狼 ⋅ 41分钟前 ⋅ 0

JVM性能调优实践——JVM篇

在遇到实际性能问题时,除了关注系统性能指标。还要结合应用程序的系统的日志、堆栈信息、GClog、threaddump等数据进行问题分析和定位。关于性能指标分析可以参考前一篇JVM性能调优实践——性...

Java小铺 ⋅ 42分钟前 ⋅ 0

误关了gitlab sign-in 功能的恢复记录

本想关sign-up的,误点了sign-in 退出后登录界面提示: No authentication methods configured 一脸懵逼.. 百度后众多方案说修改application_settings 的 signin_enabled字段; 实际上新版本字段...

铂金蛋蛋 ⋅ 43分钟前 ⋅ 0

登录后,后续请求接口没有带登录cookie可能原因

1.XMLHttpRequest.withCredentials没设置好,参考https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/withCredentials...

LM_Mike ⋅ 43分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部