2014-02-17 3 views
3

У меня есть таблица информации, но вместо типичной таблицы, где заголовки в верхней:Имеет ли смысл семантически иметь столбец заголовка в HTML?

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> 

Так что я планирую делать это в любом случае, но я хочу, чтобы проверить, если это имело какой-либо разрыв в семантике или что-нибудь остальное. Это правильный способ делать то, что я хочу?

ответ

7

В этом нет ничего плохого. Чтобы сделать его более доступным, добавьте атрибут scope = "row" в теги TH, который сообщает вспомогательным технологиям, что заголовок имеет значение для строки (а не для столбца).

См. Пример 1 здесь: http://www.w3.org/TR/WCAG20-TECHS/H63

+1

+1. Чтобы добавить к этому, еще один документ W3 даже имеет пример с заголовками в обеих строках и столбцах, поэтому я думаю, что все в порядке: http://www.w3.org/TR/html401/struct/tables.html#h-11.1 – Igor

Смежные вопросы