在 HTML 中有一个标题列在语义上是否合适？

Question

我有一个信息表，但不是标题位于顶部的典型表格：

Foo | Fnord | Fizzy | Buzz
----|-------|-------|-----------------
  42| Yes   | No    | Mr. mann
  13| Yes   | Flarg | Colonel Mustard
   1| Plum  | No    | Ms. Scarlet

我想把它放在一边：

Foo   | 42       | 13              | 1
Fnord | Yes      | Yes             | Plum
Fizzy | No       | Flarg           | No
Buzz  | Mr. Mann | Colonel Mustard | Ms. Scarlet

显然，这样做是允许的

<table>
    <tr><th>Heading 1</th><td>Data 1</td></tr>
    <tr><th>Heading 2</th><td>Data 2</td></tr>
</table>

所以无论如何我都打算这样做，但我确实想检查这是否有任何语义中断或其他任何问题。这是做我想做的事情的正确方法吗？

Answer 1

这样做并没有错。为了使其更易于访问，请在 TH 标签上添加 scope="row" 属性，该属性告诉辅助技术标题实际上是行（而不是列）。

在此处查看示例 1：http://www.w3.org/TR/WCAG20-TECHS/H63