在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"属性,告诉辅助技术标题对于行(而不是列)是不正确的.

见这里的例子:http://www.w3.org/TR/WCAG20-TECHS/H63