表格数据何时不是表格数据?

时间:2013-07-29 14:04:42

标签: html css tabular

好的,所以我们都知道我们不应该使用表格进行格式化;我们应该使用div和CSS;表格用于表格数据。但表格数据是什么?

我为制作模型地形的人设立了一个论坛。

主页左侧有页眉,页脚,菜单和内容空间。这些都是由div和CSS定义的......因为它们应该是。 : - )

然而,主页的内容是论坛列表,即标题,主题数量,上一篇文章的日期。表格数据是什么?

点击论坛,您会看到一个页面,其内容是主题列表,即主题标题,帖子数量,上次发布日期。更多表格数据?

点击主题,我们有一个页面,其内容实际上分为两列;第一列包含海报名称,头像,海报排名等,第二列包含帖子本身。还有“行”包含引用帖子的按钮,将帖子报告为滥用等等。

我猜测,乍一看,大多数人会将前两个定义为表格数据。第三......嗯......我认为意见可能会分歧?

我的论坛软件是一个经过严格修改的phpBB形式。事实上,修改后的代码几乎无法识别为phpBB。我提到它是因为它,据我所知,phpBB,以及我见过的几乎所有其他公告板软件,都使用表格来表达这些东西。因此,我的网站为我所描述的所有三种页面类型使用表格的事实是从原始的phpBB代码继承而不是我做出的决定。

我还观察到大多数电子商务软件(包括我在其他网站上使用的软件)都使用表来“格式化”目录页面上的产品列表。我喜欢关注“大男孩”在做什么这样的事情,并观察到亚马逊似乎在他们的产品列表中使用div而eBay'仍然'使用表格。

我已经很好地浏览了一下网络上有关什么被认为是最佳做法的信息,虽然人们一致认为表格只应用于表格数据而不是用于格式化,我还没有看到“什么是什么”的定义是表格数据“,具体而言:表格数据在什么时候成为应该用div格式化的内容。

在类似的说明中:似乎也有一种共识,即登录屏幕等输入表单应该用CSS格式化(虽然这是一个该死的网站,更容易用表格来实现)。对我来说,有两个标题(用户名和密码)和几个输入字段的表格不是表格数据,这似乎很奇怪。然而,如果我们要设计一个屏幕来检索和显示那些信息......那么它会是表格数据吗?如果没有,那么表格数据到底是什么? ; - )

尽管有最后几句话,但这是一个严肃的问题,我想知道其他程序员在哪些表格数据和表格数据的基础上划线。

1 个答案:

答案 0 :(得分:2)

此信息对您有用:W3C definition of tabular data

你如何使用表最终取决于你。但是,如果您希望符合w3c标准,表格应帮助用户理解数据。

从可访问性的角度考虑:如果使用屏幕阅读器的人遇到您的表,该表是否会帮助他们理解数据或进一步混淆数据?

没有汇总属性或没有th或thead / tfoot元素的表可能会使用户感到困惑。

包含任何类型脚本的表格可能会使用户感到困惑。

包含需要以可视方式格式化以便理解的内容的元素可能会使用户感到困惑。

如果您不确定一组数据是否是表格数据,则可能不是表格数据。还有其他方法可以格式化更易于访问且更符合标准的内容。