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

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

1 个答案: