表格显示的表格标签很糟糕......但是调查问题likert类型呢？答案

【问题标题】：Table tags for form display are bad... but what about survey questions like rt type?表格显示的表格标签很糟糕......但是调查问题likert类型呢？
【发布时间】：2010-09-24 18:47:13
【问题描述】：

Is it bad design to use table tags when displaying forms in html?

这个问题的公认答案简而言之：是...

...但是像这样的东西呢：

我真的想不出不同的更好的解决方案。该示例来自 SurveyMonkey，也使用了表格。

这样的likert类型的问题使用表格标签还是不好的设计吗？

【问题讨论】：

表格显示的表格标签如果你问过我的话，从来都不是坏事。糟糕的是把一张桌子塞进另一张桌子塞进另一张桌子塞进另一张桌子塞进另一张桌子塞进另一张桌子塞进另一张桌子塞进另一张桌子塞进另一张桌子塞进另一张桌子里，只是为了“布局”一个网站。实际上，基于表格的设计甚至会随着 CSS 回归，它们只是不使用表格标签，只使用表格渲染（这在 HTML 3.2 中是不可能的，因此当时表格使用得太多了）。

标签： css layout html-table survey

【解决方案1】：

这种类型的问题更多地导致意见，而不是确定的事实，但我想说，在这种情况下，使用表格绝对是可以的——你想要一个表格的信息显示。

只需使用表格标签，不要让别人让你为此感到内疚:-)

【讨论】：

【解决方案2】：

使用表格本身也不错。使用它们来使用无限嵌套的表格和不可见的图像来布局整个网站是很糟糕的。

【讨论】：

【解决方案3】：

在一些帮助下这并不难。
您可能会查看我们那里的一些基于网格的 css 库。
Yahoo Grids
Blueprint
960 Grid System

【讨论】：

如果我用表格做，是不是设计不好，如果是，为什么？
如果您正确使用表格（正确设置，使其对屏幕阅读器可读等），那么这里没有问题。这是一个可选择选项的表格，所以使用表格是合适的。我只是想给你另一种机制。

【解决方案4】：

每个人都说“您应该只将表格用于表格数据”。那么……这是什么意思？

以下是我判断某事物何时是表格数据的标准：当您只能通过参考它的坐标、它相对于列标题和行标题的位置来了解某事物是/做什么时。

那么，在上面的例子中，第九个单选按钮的作用是什么？

没有办法知道它是什么，除非你看看它所指的那种技能，看看你声称的那种水平。因此，这是表格数据。

【讨论】：

【解决方案5】：

从可访问性的角度来看，恕我直言，将其布置为带有适当 th 标签等的表格会更有意义。正如 Ambrose 所说，单选按钮的坐标赋予它们上下文含义。

您可以不使用表格进行布局，也可以使用标签、标题和其他设备来理解它，但您真正实现的唯一目标就是展示您的 css-fu。

【讨论】：