11. Таблицы

11.1 Введение в таблицы

Модель HTML-таблиц позволяет авторам организовать данные (текст, предварительно отформатированный текст, изображения, ссылки, формы, поля форм, другие таблицы и т.д.) в ряды и колонки ячеек.

Каждая таблица может иметь свой заголовок (смотрите элемент CAPTION), который предоставляет короткое описание цели таблицы. Можно также давать длинное описание (через атрибут summary), чтобы помочь людям, использующим речевые или брайлевые устройства вывода.

Ряды таблицы можно группировать в разделы: верхний (или шапка), основной, и нижний (или низ) (с использованием элементов THEAD, TFOOT и TBODY). Группы рядов несут дополнительную информацию и могут визуализироваться устройствами вывода способами, которые подчеркивают эту структуру. Устройства вывода могут использовать разделы шапка/тело/низ для поддержки прокрутки основного раздела (тела) независимо от разделов шапки и низа. Когда печатаются длинные таблицы, то информация шапки и низа может повторяться на каждой странице, которая содержит данные таблицы.

Авторы могут также группировать колонки для предоставления дополнительной структурной информации, которая может использоваться устройствами вывода. Более того, авторы могут объявлять свойство колонок в начале определения таблицы (элементами COLGROUP и COL) способами, которые делают возможным устройствам вывода представлять таблицу по частям, не ожидая, когда все данные таблицы будут готовы для визуализации.

Ячейки таблицы могут содержать информацию либо заголовка ("header") (смотрите элемент TH), либо данных ("data") (смотрите элемент TD). Ячейки могут занимать несколько рядов и колонок. Модель таблиц в HTML 4 позволяет авторам помечать каждую ячейку так, что не визуальные устройства вывода способны легче передать пользователю информацию заголовков о ячейке. Эти механизмы не только сильно помогают пользователям с ограничениями зрения, но и делают возможным обращение с таблицами мульти-модальных беспроводных браузеров с ограниченными характеристиками дисплеев (например, пейджеры и телефоны, имеющие доступ в Web).

Таблицы не следует использовать исключительно, как средство для разметки содержания документа, так как это может привести к проблемам, когда они представляются в не визуальных медиа-устройствах. Кроме этого, когда используется графика, эти таблицы могут вынудить пользователей к горизонтальному скроллингу, чтобы просмотреть таблицу, разработанную на системе с большим дисплеем. Для уменьшения этих проблем, авторам следует использовать стилевые таблицы при управлении разметкой без таблиц.

Обратите внимание. Эта спецификация включает более подробную информацию о таблицах в разделе по вопросам об обосновании и выполнении дизайна таблицы.

Ниже приведена таблица, которая иллюстрирует некоторые свойства модели таблиц в HTML. Следующее определение таблицы:

<TABLE border="1"
          summary="This table gives some statistics about fruit
                   flies: average height and weight, and percentage
                   with red eyes (for both males and females).">
<CAPTION><EM>A test table with merged cells</EM></CAPTION>
<TR><TH rowspan="2"><TH colspan="2">Average
    <TH rowspan="2">Red<BR>eyes
<TR><TH>height<TH>weight
<TR><TH>Males<TD>1.9<TD>0.003<TD>40%
<TR><TH>Females<TD>1.7<TD>0.002<TD>43%
</TABLE>

может визуализироваться в устройстве tty:

          A test table with merged cells
    /-----------------------------------------\
    |          |      Average      |   Red    |
    |          |-------------------|  eyes    |
    |          |  height |  weight |          |
    |-----------------------------------------|
    |  Males   | 1.9     | 0.003   |   40%    |
    |-----------------------------------------|
    | Females  | 1.7     | 0.002   |   43%    |
    \-----------------------------------------/

или в графическом устройстве вывода: