11 Таблицы

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

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

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

Строки таблицы могут группироваться в разделы заголовков, нижних заголовков и тела, (с помощью элементов THEAD, TFOOT и TBODYсоответственно). Группы строк convey дополнительную структурную информацию и могут генерироваться агентами пользователей различными способами, отображающими эту структуру. Агенты пользователей могут использовать подразделение на заголовки/тело/нижние заголовки для поддержки прокрутки тела независимо от заголовков. При печати длинных таблиц информация из заголовков может повторяться на каждой странице таблицы.

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

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

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

<TABLE border="1"
 summary="В этой таблице приводится некоторая статистика о фруктовых мухах:
 средняя высота и вес, процент мух с красными глазами (особей мужского и женского пола).">
<CAPTION><EM>Тестовая таблица с объединенными ячейками</EM></CAPTION>
<TR><TH rowspan="2"><TH colspan="2">Средний
 <TH rowspan="2">Красные<BR>глаза
<TR><TH>высота<TH>вес
<TR><TH>мужской пол<TD>1.9<TD>0.003<TD>40%
<TR><TH>женский пол<TD>1.7<TD>0.002<TD>43%
</TABLE>

 Тестовая таблица с объединенными ячейками
 /----------------------------------------------------------\
 | | Средний | Красные |
 | |-------------------| глаза |
 | | высота | вес | |
 |----------------------------------------------------------|
 | Мужской пол | 1.9 | 0.003 | 40% | |
 |----------------------------------------------------------|
 | Женский пол | 1.7 | 0.002 | 43% | |
 \----------------------------------------------------------/

11.2 Элементы построения таблиц

11.2.1 Элемент TABLE

<!ELEMENT TABLE - -
 (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>
<!ATTLIST TABLE -- таблица --
 %attrs; -- %coreattrs, %i18n, %events --
 summary %Text; #IMPLIED -- цель/структура для речевого вывода --
 width %Length; #IMPLIED -- ширина таблицы --
 border %Pixels; #IMPLIED -- толщина рамки вокруг таблицы --
 frame %TFrame; #IMPLIED -- какие части рамки нужно генерировать --
 rules %TRules; #IMPLIED -- rulings между строками и столбцами --
 cellspacing %Length; #IMPLIED -- расстояние между ячейками --
 cellpadding %Length; #IMPLIED -- расстояние внутри ячеек --
 >

Начальный тег: обязателен, конечный тег: обязателен

Элемент TABLE содержит все другие элементы, определяющие заголовок, строки, содержимое и форматирование.

В следующем списке описано, какие операции может выполнять агент пользователя при генерации таблиц:

• Предоставление пользователю информации о таблице. Авторам следует предоставлять краткую информацию о содержании и структуре таблицы, чтобы люди, работающие с невизуальными агентами пользователей, могли лучше понять ее.
• Генерация caption, если он определен.
• Генерация верхнего заголовка таблицы, если он определен. Генерация нижнего заголовка, если он определен. Агенты пользователей должны знать, где нужно генерировать верхний и нижний заголовки. Например, если средство вывода делится на страницы, агенты пользователей могут помещать верхний заголовок в верхней части каждой страницы, а нижний - внизу. Точно так же, если агент пользователя предоставляет механизм прокрутки строк, верхний заголовок может отображаться вверху прокручиваемой области, а нижний - внизу.
• Вычисление числа столбцов в таблице. Помните, что число строк в таблице равно числу элементов TR, содержащихся в элементе TABLE.
• Группировка столбцов в соответствии со спецификациями групп столбцов.
• Построчная генерация ячеек и группировка в столбцы между верхним и нижним заголовками. Визуальные агенты пользователей должны форматировать таблицы в соответствии с атрибутами HTML и спецификациями таблиц стилей.

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

Чтобы агенты пользователей могли форматировать таблицу за один проход, авторы должны сообщить агентам пользователей следующую информацию:

• Число столбцов в таблице. Подробнее о том, как указать эту информацию, см. в разделе о подсчете числа столбцов в таблице.
• Ширину столбцов. Подробнее о том, как указать эту информацию, см. в разделе о подсчете ширины столбцов.

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

Направление таблиц 

Направление таблицы либо наследуется (по умолчанию используется направление слева направо), либо определяется атрибутом dir элемента TABLE.

Для таблиц, направление которых слева направо, нулевой столбец находится слева, а нулевая строка - сверху. Для таблиц, направление которых справа налево, нулевой столбец находится справа, а нулевая строка - сверху.

Если агент пользователя allots в строку дополнительные ячейки (см. раздел о подсчете числа столбцов в таблице), дополнительные ячейки строки добавляются в таблицу справа для таблиц, имеющих направление слева направо, и слева для таблиц, имеющих направление справа налево.

Помните, что TABLE - единственный элемент, для которого атрибут dir обращает визуальный порядок столбцов; нельзя изменить порядок одной строки (TR) или группы столбцов (COLGROUP).

Если для элемента TABLE установлен атрибут dir, он также влияет на направление текста в ячейках таблицы (поскольку атрибут dir наследуется элементами уровня блока).

<TABLE dir="RTL">
...продолжение таблицы...</TABLE>

Направление текста в отдельных ячейках можно изменить, установив атрибут dir для элемента, определяющего ячейку. Подробнее о вопросах направления текста см. в разделе о двунаправленном тексте.

11.2.2 Captions таблиц: элемент CAPTION

<!ELEMENT CAPTION - - (%inline;)* -- caption таблицы -->
<!ENTITY % CAlign "(top|bottom|left|right)">
<!ATTLIST CAPTION
 %attrs; -- %coreattrs, %i18n, %events --
 >

Начальный тег: обязателен, конечный тег: обязателен

Если элемент CAPTION присутствует, его текст должен описывать предмет таблицы. Элемент CAPTION может располагаться только непосредственно после начального тега TABLE. Элемент TABLE может включать только один элемент CAPTION.

Визуальные агенты пользователей позволяют sighted people быстро grasp структуру таблицы из заголовков и caption. Последствием этого является то, что captions не будут совпадать с краткими описаниями назначения и структуры таблицы с точки зрения людей, использующих невизуальные агенты.

Таким образом, авторы должны позаботиться о предоставлении дополнительной информации, описывающей назначение и структуру таблицы с помощью атрибута summary элемента TABLE. Это особенно важно для таблиц, не имеющих captions. На примерах ниже показано использование атрибута summary.

Визуальные агенты пользователей должны избегать clipping любой части таблицы, включая caption, если не предоставлено средство доступа ко всем частям, например, с помощью горизонтальной или вертикальной прокрутки. Мы рекомендуем, чтобы текст caption разбивался так, чтобы иметь ту же ширину, что и таблица. (См. также раздел о рекомендуемых алгоритмах компоновки.)

11.2.3 Группы строк: элементы THEAD, TFOOT и TBODY

<!ELEMENT THEAD - O (TR)+ -- заголовок таблицы -->
<!ELEMENT TFOOT - O (TR)+ -- нижний заголовок таблицы -->

Начальный тег: обязателен, конечный тег: необязателен

<!ELEMENT TBODY O O (TR)+ -- тело таблицы -->

Начальный тег: необязателен, конечный тег: необязателен

<!ATTLIST (THEAD|TBODY|TFOOT) -- раздел таблицы --
 %attrs; -- %coreattrs, %i18n, %events --
 %cellhalign; -- горизонтальное выравнивание в ячейках --
 %cellvalign; -- вертикальное выравнивание в ячейках --
 >

Строки таблицы могут группироваться в заголовки, нижние заголовки и один или несколько разделов тела таблицы с помощью элементов THEAD, TFOOT и TBODY соответственно. Это подразделение позволяет агентам пользователей поддерживать прокрутку тела таблицы независимо от заголовков. При печати длинных таблиц информация из заголовков может повторяться на каждой странице, на которой имеются данные таблицы.

Заголовки таблицы должны содержать информацию о столбцах таблицы. Тело таблицы должно содержать строки данных таблицы.

Если элементы THEAD, TFOOT и TBODY присутствуют, каждый из них содержит группу строк. Каждая группа строк должна содержать по крайней мере одну строку, определяемую элементом TR.

<TABLE>
<THEAD>
 <TR> ...заголовок...</THEAD>
<TFOOT>
 <TR> ...нижний заголовок...</TFOOT>
<TBODY>
 <TR> ...первая строка данных блока 1... <TR> ...вторая строка данных блока 1...</TBODY>
<TBODY>
 <TR> ...первая строка данных блока 2... <TR> ...вторая строка данных блока 2... <TR> ...третья строка данных блока 2...</TBODY>
</TABLE>

Элемент TFOOT должен располагаться до элемента TBODY в определении TABLE, чтобы агенты пользователей могли генерировать нижний заголовок до получения всех (возможно, многочисленных) строк данных. Ниже приводится сводка обязательных тегов и тегов, которые можно опустить:

• Начальный тег TBODY всегда обязателен, если только таблица не содержит единственного тела без верхних и нижних заголовков. Конечный тег TBODY всегда можно опускать.
• Начальные теги для элементов THEAD и TFOOT обязательны, если в таблице присутствуют верхний и нижний заголовки, но соответствующие конечные теги можно опускать.

Соответствующий спецификации агент пользователя при разборе должен obey эти правила из соображений совместимости с предыдущими версиями.

<TABLE>
<THEAD>
 <TR> ...верхний заголовок...<TFOOT>
 <TR> ...нижний заголовок...<TBODY>
 <TR> ...первая строка данных блока 1... <TR> ...вторая строка данных блока 1...<TBODY>
 <TR> ...первая строка данных блока 2... <TR> ...вторая строка данных блока 2... <TR> ...третья строка данных блока 2...</TABLE>

Разделы THEAD, TFOOT и TBODYдолжны содержать одинаковое число столбцов.

11.2.4 Группы столбцов: элементы COLGROUP и COL

Группы столбцов позволяют создавать структурные подразделения внутри таблицы. Авторы могут выделять такую структуру с помощью таблиц стилей или атрибутов HTML (например, атрибут rules для элемента TABLE). Пример визуального представления группы столбцов см. в примере таблицы.

Таблица может содержать одну неявную группу столбцов (элемент COLGROUP не разделяет столбцы) или любое число явных групп столбцов (каждая из которых отделяется одним экземпляром элемента COLGROUP).

Элемент COL позволяет авторам использовать одни и те же атрибуты в различных столбцах, не используя структурной группировки. "span" элемента COL - это число столбцов, использующих атрибуты этого элемента.

Элемент COLGROUP 

<!ELEMENT COLGROUP - O (col)* -- группа столбцов таблицы -->
<!ATTLIST COLGROUP
 %attrs; -- %coreattrs, %i18n, %events -- span NUMBER 1 -- число столбцов в группе, используемое по умолчанию -- width %MultiLength; #IMPLIED -- ширина для вложенных элементов COL, используемая по умолчанию -- %cellhalign; -- горизонтальное выравнивание в ячейках -- %cellvalign; -- вертикальное выравнивание в ячейках -- >

Начальный тег: обязателен, Конечный тег: необязателен

Элемент COLGROUP создает явную группу столбцов. Число столбцов в группе может быть указано двумя взаимоисключающими способами:

1. Атрибут span элемента (значение по умолчанию - 1) задает число столбцов в группе.
2. Каждый элемент COL в COLGROUP представляет один или несколько столбцов в группе.

Преимуществом использования атрибута span является то, что авторы могут группировать информацию о ширине столбцов. Таким образом, если в таблице содержится сорок столбцов, каждый из которых имеет ширину 20 пикселов, проще написать:

 <COLGROUP span="40" width="20">
 </COLGROUP>

чем:

 <COLGROUP>
 <COL width="20">
 <COL width="20">
 ...все сорок элементов COL... </COLGROUP>

Если необходимо выделить столбец (например, для информации о стиле, для указания информации о ширине и т.д.) в группе, авторы должны определить этот столбец с помощью элемента COL. Таким образом, чтобы применить специальную информацию о стиле к последнему столбцу предыдущей таблице, мы выделяем его следующим образом:

 <COLGROUP width="20">
 <COL span="39">
 <COL id="format-me-specially">
 </COLGROUP>

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

<TABLE>
<COLGROUP span="10" width="50">
<COLGROUP span="5" width="0*">
<THEAD>
<TR><TD> ...</TABLE>

Элемент COL 

<!ELEMENT COL - O EMPTY -- столбец таблицы -->
<!ATTLIST COL -- группы и свойства столбцов -- %attrs; -- %coreattrs, %i18n, %events -- span NUMBER 1 -- атрибут COL влияет на N столбцов -- width %MultiLength; #IMPLIED -- ширина столбца -- %cellhalign; -- горизонтальное выравнивание в ячейках -- %cellvalign; -- вертикальное выравнивание в ячейках -- >

Начальный тег: обязателен, Конечный тег: запрещен

Элемент COL позволяет авторам группировать определения атрибутов для столбцов таблицы. Атрибут COL не группирует столбцы структурно - эту роль играет элемент COLGROUP. Элементы COL являются пустыми и служат только для поддержания атрибутов. Они могут находиться внутри или вне явной группы столбцов (т.е. элемента COLGROUP).

Атрибут width для элемента COL означает ширину каждого столбца в span элемента.

Подсчет числа столбцов в таблице 

Имеется два способа определения числа столбцов в таблице (в порядке старшинства):

1. Если элемент TABLE включает элементы COLGROUP или COL, агенты пользователей должны подсчитывать число столбцов, суммируя следующие цифры:
   • Для каждого элемента COL - значение его атрибута span (по умолчанию 1).
   • Для каждого элемента COLGROUP, содержащего по крайней мере один элемент COL - игнорировать атрибут span для элемента COLGROUP. Для каждого элемента COL выполнить вычисление из шага 1.
   • Для каждого пустого элемента COLGROUP - значение его атрибута span (по умолчанию 1).
2. В противном случае, если элемент TABLE не содержит элементов COLGROUP или COL, агенты пользователей определять число столбцов из того, что необходимо для строк. Число столбцов равно число столбцов, необходимых строке с наибольшим числом столбцов, включая ячейки, span несколько столбцов. Для любой строки, число столбцов в которой меньше, конец этой строки будет дополняться пустыми ячейками. "Конец" строки зависит от направления таблицы.

Если таблица содержит элементы COLGROUP или COL, и эти два способа подсчет дают разные результаты, это является ошибкой.

Когда агент пользователя подсчитал число столбцов в таблице, он может сгруппировать их в группы столбцов.

<TABLE>
<COLGROUP span="3"></COLGROUP>
<TR><TD> ......строки...</TABLE>
<TABLE>
<COLGROUP>
<COL>
<COL span="2">
</COLGROUP>
<TR><TD> ......строки...</TABLE>
<TABLE>
<COLGROUP>
<COL>
</COLGROUP>
<COLGROUP span="2">
<TR><TD> ......строки...</TABLE>
<TABLE>
<TR>
 <TD><TD><TD>
</TR>
</TABLE>

Подсчет ширины столбцов 

Авторы могут указывать ширину столбцов тремя способами:

Фиксированная

Указание фиксированной ширины дается в пикселах (например, width="30"). Использование фиксированной ширины позволяет использовать последовательную генерацию.

В процентах

Указание ширины в процентах (например, width="20%") означает процент горизонтального пространства, доступного для таблицы (между текущим левым и правым полями, включая floats). Помните, что это пространство не зависит от самой таблицы, поэтому указание ширины в процентах позволяет использовать последовательную генерацию.

Пропорциональная

Указание пропорциональной ширины (например, width="3*") означает число частей горизонтального пространства, необходимого для таблицы. Если ширина таблицы определяется как фиксированное значение (с помощью атрибута width элемента TABLE), агенты пользователей могут генерировать таблицу последовательно и с указанием пропорциональной ширины.

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

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

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

 
<TABLE>
<COLGROUP>
 <COL width="30">
<COLGROUP>
 <COL width="30">
 <COL width="0*">
 <COL width="2*">
<COLGROUP align="center">
 <COL width="1*">
 <COL width="3*" align="char" char=":">
<THEAD>
<TR><TD> ......строки...</TABLE>

 
<TABLE width="200">
<COLGROUP span="10" width="15">
<COLGROUP width="*">
 <COL id="penultimate-column">
 <COL id="last-column">
<THEAD>
<TR><TD> ......строки...</TABLE>

11.2.5 Строки таблицы: элемент TR

<!ELEMENT TR - O (TH|TD)+ -- строка таблицы -->
<!ATTLIST TR -- строка таблицы -- %attrs; -- %coreattrs, %i18n, %events -- %cellhalign; -- горизонтальное выравнивание в ячейках -- %cellvalign; -- вертикальное выравнивание в ячейках -- >

Начальный тег: обязателен, Конечный тег: не обязателен

Элементы TR служат контейнерами для строки ячеек таблицы. Конечный тег можно опустить.

<TABLE summary="В этой таблице показан график числа
 чашек кофе, выпиваемых каждым сенатором, тип
 кофе (без кофеина или обычный) и наличие сахара.">
<CAPTION>Сколько чашек кофе выпивает каждый сенатор</CAPTION>
<TR> ...Строка заголовка...<TR> ...Первая строка данных...<TR> ...Вторая строка данных......продолжение таблицы...</TABLE>

11.2.6 Ячейки таблицы: элементы TH и TD

<!ELEMENT (TH|TD) - O (%flow;)* -- ячейка заголовка таблицы, ячейка данных таблицы -->
<!-Для большинства таблиц атрибут scope проще, чем атрибут axes -->
<!ENTITY % Scope "(row|col|rowgroup|colgroup)">
<!-- TH используется для заголовков, TD - для данных, но для ячеек, служащих и тем, и другим используйте TD -->
<!ATTLIST (TH|TD) -- заголовок ячейки данных -- %attrs; -- %coreattrs, %i18n, %events -- abbr %Text; #IMPLIED -- сокращение для ячейки заголовка -- axis CDATA #IMPLIED -- группы имен связанных заголовков -- headers IDREFS #IMPLIED -- список id для ячеек заголовков -- scope %Scope; #IMPLIED -- область ячеек заголовков -- rowspan NUMBER 1 -- число строк, spanned ячейкой -- colspan NUMBER 1 -- число столбцов, spanned ячейкой -- %cellhalign; -- горизонтальное выравнивание в ячейках -- %cellvalign; -- вертикальное выравнивание в ячейках --
 >

Начальный тег: обязателен, Конечный тег: не обязателен

Ячейки таблицы могут содержать информацию двух типов: заголовочную информацию и данные. Это различие позволяет агентам пользователей генерировать ячейки заголовков и данных различным образом даже при отсутствии таблиц стилей. Например, визуальные агенты пользователей могут представлять текст ячеек заголовков жирным шрифтом. Синтезаторы речи могут выделять заголовочную информацию голосом.

Элемент TH определяет ячейку, содержащую информацию заголовка. Агентам пользователей доступны две части заголовочной информации: содержимое элемента TH и значение атрибута abbr. Агенты пользователей должны генерировать содержимое ячейки или значение атрибута abbr. Для визуальных устройств последнее может иметь смысл, если пространства для генерации полного содержимого ячейки недостаточно. Для невизуальных устройств abbr может использоваться в качестве сокращения для заголовков таблиц, когда они генерируются вместе с содержимым ячеек, к которым они относятся.

Атрибуты headers и scope также позволяют авторам помочь невизуальным агентам пользователей в обработке информации заголовка. Подробную информацию и примеры см. в разделе о пометке ячеек для невизуальных агентов пользователей.

Элемент TD определяет ячейку, содержащую данные.

Ячейка может быть пустой (т.е. не содержать данных).

<TABLE summary="В этой таблице показан график числа
 чашек кофе, выпиваемых каждым сенатором, тип
 кофе (без кофеина или обычный) и наличие сахара.">
<CAPTION>Сколько чашек кофе выпивает каждый сенатор</CAPTION>
<TR>
 <TH>Имя</TH>
 <TH>Число чашек</TH>
 <TH>Тип кофе</TH>
 <TH>Сахар?</TH>
<TR>
 <TD>Т. Секстон</TD>
 <TD>10</TD>
 <TD>Эспрессо</TD>
 <TD>Нет</TD>
<TR>
 <TD>Дж. Диннен</TD>
 <TD>5</TD>
 <TD>Без кофеина</TD>
 <TD>Да</TD>
</TABLE>

Имя Число чашек Тип кофе Сахар?
Т. Секстон 10 Эспрессо Нет
Дж. Диннен 5 Без кофеина Да

Ячейки, span несколько строк или столбцов 

Ячейки могут span несколько строк или столбцов. Число строк или столбцов, spanned ячейкой, устанавливается с помощью атрибутов rowspan и colspan элементов TH и TD.

<TABLE border="1">
<CAPTION> Сколько чашек кофе выпивает каждый сенатор </CAPTION>
<TR><TH>Имя<TH>Число чашек<TH>Тип кофе<TH>Сахар?
<TR><TD>Т. Секстон<TD>10<TD>Эспрессо<TD>Нет
<TR><TD>Дж. Диннен<TD>5<TD>Без кофеина<TD>Да
<TR><TD>А. Сориа<TD colspan="3"><em>Нет данных</em>
</TABLE>

Сколько чашек кофе выпивает каждый сенатор
 ----------------------------------------------
 | Имя |Число чашек|Тип кофе |Сахар?|
 ----------------------------------------------
 |Т. Секстон|10 |Эспрессо |Нет |
 ----------------------------------------------
 |Дж. Диннен|5 |Без кофеина |Да |
 ----------------------------------------------
 |А. Сориа |Нет данных |
 ----------------------------------------------

<TABLE border="1">
<TR><TD>1 <TD rowspan="2">2 <TD>3
<TR><TD>4 <TD>6
<TR><TD>7 <TD>8 <TD>9
</TABLE>

-------------
| 1 | 2 | 3 | 
----| |----
| 4 | | 6 |
----|---|----
| 7 | 8 | 9 |
-------------

<TABLE border="1">
<TR><TD>1 <TD>2 <TD>3
<TR><TD colspan="2">4 <TD>6
<TR><TD>7 <TD>8 <TD>9
</TABLE>

-------------
| 1 | 2 | 3 | 
--------|----
| 4 | 6 |
--------|----
| 7 | 8 | 9 |
-------------

Определение перекрывающихся ячеек является ошибкой. Агенты пользователей могут по-разному обрабатывать эту ошибку (например, они могут по-разному генерировать такие таблицы).

<TABLE border="1">
<TR><TD>1 <TD>2 <TD>3
<TR><TD>4 <TD rowspan="2">5 <TD>6
<TR><TD colspan="2">7 <TD>9
</TABLE>

11.3 Форматирование таблиц визуальными агентами пользователей

В HTML 4.0 имеются механизмы для управления:

• стилями границ
• горизонтальным и вертикальным выравниванием содержимого ячеек
• и полями ячейки

11.3.1 Границы и rules

Следующие атрибуты влияют на внутренние кадры и внутренние rules таблицы.

<TABLE border="1" 
 summary="В этой таблице приведены данные
 о числе чашек кофе, потребляемом каждым 
 сенатором, типе кофе (без кофеина или обычный) 
 и наличии сахара.">
<CAPTION>Сколько чашек кофе выпивает каждый сенатор</CAPTION>
<TR>
 <TH>Имя</TH>
 <TH>Число чашек</TH>
 <TH>Тип кофе</TH>
 <TH>Сахар?</TH>
<TR>
 <TD>Т. Секстон</TD>
 <TD>10</TD>
 <TD>Эспрессо</TD>
 <TD>Нет</TD>
<TR>
 <TD>Дж. Диннен</TD>
 <TD>5</TD>
 <TD>Без кофеина</TD>
 <TD>Да</TD>
</TABLE>

<TABLE border="5" frame="vsides" rules="cols">
<TR> <TD>1 <TD>2 <TD>3
<TR> <TD>4 <TD>5 <TD>6
<TR> <TD>7 <TD>8 <TD>9
</TABLE>

Следующие настройки должны рассматриваться агентами пользователей для обеспечения совместимости с предыдущими версиями.

• Настройка border="0" подразумевает frame="void" и, если не указано другое, rules="none".
• Другие значения border предполагают frame="border" и, если не указано другое, rules="all".
• Значение "border" в начальном теге элемента TABLE должно интерпретироваться как значение атрибута frame. Предполагается, что rules="all" и используется некоторое стандартное значение (не нулевое) для атрибута border.

<TABLE border="2">
<TABLE border="2" frame="border" rules="all">

<TABLE border>
<TABLE frame="border" rules="all">

11.3.2 Горизонтальное и вертикальное выравнивание

Для различных элементов таблицы можно установить следующие атрибуты (см. их определения).

<!- атрибуты горизонтального выравнивания содержимого ячейки -->
<!ENTITY % cellhalign "align (left|center|right|justify|char) #IMPLIED char %Character; #IMPLIED -- символы выравнивания, например char=':' -- charoff %Length; #IMPLIED -- отступ символа выравнивания --" ><!-атрибуты вертикального выравнивания содержимого ячейки --><!ENTITY % cellvalign "valign (top|middle|bottom|baseline) #IMPLIED" >

<TABLE border="1">
<COLGROUP>
<COL><COL align="char" char=".">
<THEAD>
<TR><TH>Овощи <TH>Цена за кг
<TBODY>
<TR><TD>Lettuce <TD>$1
<TR><TD>Silver carrots <TD>$10.50
<TR><TD>Golden turnips <TD>$100.30
</TABLE>

------------------------------
| Овощи |Цена за кг |
|--------------|-------------|
|Lettuce | $1 |
|--------------|-------------|
|Silver carrots| $10.50|
|--------------|-------------|
|Golden turnips| $100.30|
------------------------------

Если в ячейке содержится несколько экземпляров символов выравнивания, заданных в атрибуте char, и содержимое ячейки переносится на другую строку, поведение агента пользователя не определено. Поэтому авторы должны внимательно использовать атрибут char.

Наследование параметров выравнивания 

Выравнивание содержимого ячейки могут задаваться для каждой ячейки или наследоваться от элементов верхнего уровня, таких как строка, столбец или сама таблица.

Приоритет (от высшего к низшему) атрибутов align, char и charoff следующий:

1. Атрибут выравнивания, установленный для элемента в данных ячейки (например, P).
2. Атрибут выравнивания, установленный в ячейке (TH и TD).
3. Атрибут выравнивания, установленный в элементе группировки столбцов (COL и COLGROUP). Если ячейка является частью span из нескольких столбцов, свойство выравнивания наследуется от определения ячейки в начале span.
4. Атрибут выравнивания, установленный в элементе строки или группировки строк(TR, THEAD, TFOOT и TBODY). Если ячейка является частью span из нескольких строк, свойство выравнивания наследуется от определения ячейки в начале span.
5. Атрибут выравнивания, установленный в таблице(TABLE).
6. Значение выравнивания по умолчанию.

Приоритет (от высшего к низшему) атрибута valign (а также других унаследованных атрибутов lang, dir и style) следующий:

1. Атрибут, установленный для элемента в данных ячейки (например, P).
2. Атрибут, установленный для ячейки (TH и TD).
3. Атрибут, установленный для элемента строки или группировки строк (TR, THEAD, TFOOT и TBODY). Если ячейка является частью span из многих строк, значение атрибута наследуется от определения ячейки в начале span.
4. Атрибут, установленный для элемента группировки столбцов (COL и COLGROUP). Если ячейка является частью span из многих столбцов, значение атрибута наследуется от определения ячейки в начале span.
5. Атрибут, установленный для таблицы(TABLE).
6. Значение атрибута по умолчанию.

Кроме того, при генерации ячеек горизонтальное выравнивание определяется сначала для столбцов, а потом для строк, а вертикальное выравнивание - для строк, а потом для столбцов.

Выравнивание ячеек по умолчанию зависит от агента пользователя. Однако агенты пользователя должны подставлять атрибут по умолчанию соответственно текущем направлению (то есть не просто "left" во всех случаях).

Агенты пользователя, не поддерживающие значение "justify" атрибута align должны использовать значение, соответствующее направлению.

11.3.3 Поля ячейки

Эти два атрибута управляют расстоянием между ячейками и внутри них. Они объясняются на следующей иллюстрации:

<TABLE cellspacing="20" cellpadding="20%">
<TR> <TD>Данные1 <TD>Данные2 <TD>Данные3
</TABLE>

Если таблица или данный столбец имеет фиксированную ширину, cellspacing и cellpadding могут занимать больше пространства, чем назначено. Агенты пользователей могут давать этим атрибутам приоритет над атрибутом width в случае конфликта, но они не обязательно должны это делать.

11.4 Генерация таблиц невизуальными агентами пользователей

11.4.1 Связь информации заголовка с ячейками данных

Невизуальные агенты пользователей, такие как синтезаторы речи и устройства на базе азбуки Бройля, могут использовать следующие атрибуты элементов TD и TH для более intuitive генерации ячеек таблицы:

• Для данной ячейки данных в атрибуте headers перечислено, в каких ячейках находится pertinent информация заголовка. С этой целью каждая ячейка заголовка должна получить имя с использованием атрибута id. Помните, что не всегда возможно явно разделить ячейки на заголовки и данные. В таких ячейка следует использовать элемент TD вместе с атрибутами id или scope.
• Для данной ячейки заголовка атрибутscope сообщает агенту пользователя ячейки данных, информация для которых указывается этим заголовком. Авторы могут использовать этот атрибут вместо headers в зависимости от того, что более удобно; эти два атрибута имеют одну и ту же функцию. Атрибут headers обычно нужен, если заголовки помещаются в нестандартном положении по отношению к данным, к которым они применяются.
• Атрибут abbr задает сокращенный заголовок для ячеек заголовков, так что агенты пользователя могут быстрее генерировать информацию заголовка.

<TABLE border="1" 
 summary="В этой таблице приводится информация о том, сколько
 чашек кофе выпивает каждый сенатор, о типа кофе
 (без кофеина или обычный) и о сахаре.">
<CAPTION>Сколько чашек кофе выпивает каждый сенатор</CAPTION>
<TR>
 <TH id="t1">Имя</TH>
 <TH id="t2">Сколько</TH>
 <TH id="t3" abbr="Тип">Тип кофе</TH>
 <TH id="t4">Сахар?</TH>
<TR>
 <TD headers="t1">Т. Секстон</TD>
 <TD headers="t2">10</TD>
 <TD headers="t3">Эспрессо</TD>
 <TD headers="t4">Нет</TD>
<TR>
 <TD headers="t1">Дж. Диннен</TD>
 <TD headers="t2">5</TD>
 <TD headers="t3">Без кофеина</TD>
 <TD headers="t4">Да</TD>
</TABLE>

Заголовок: Сколько чашек кофе выпивает каждый сенатор
Summary: В этой таблице приводится информация о том, сколько
 чашек кофе выпивает каждый сенатор, о типа кофе
 (без кофеина или обычный) и о сахаре.
Имя: Т. Секстон, Сколько: 10, Тип: Эспрессо, Сахар: Нет
Имя: Дж. Диннен, Сколько: 5, Тип: Без кофеина, Сахар: Да

<TABLE border="1" 
 summary="В этой таблице приводится информация о том, сколько
 чашек кофе выпивает каждый сенатор, о типа кофе
 (без кофеина или обычный) и о сахаре.">
<CAPTION>Сколько чашек кофе выпивает каждый сенатор</CAPTION>
<TR>
 <TH scope="col">Имя</TH>
 <TH scope="col">Сколько</TH>
 <TH scope="col" abbr="Тип">Тип кофе</TH>
 <TH scope="col">Сахар?</TH>
<TR>
 <TD>Т. Секстон</TD>
 <TD>10</TD>
 <TD>Эспрессо</TD>
 <TD>Нет</TD>
<TR>
 <TD>Дж. Диннен</TD>
 <TD>5</TD>
 <TD>Без кофеина</TD>
 <TD>Да</TD>
</TABLE>

<TABLE border="1" cellpadding="5" cellspacing="2"
 summary="Исторические курсы, предлагаемые округа Бат,
 упорядоченные по названию, преподавателю, описанию, 
 коду и стоимости">
 <TR>
 <TH colspan="5" scope="colgroup">Курсы - Бат, осень 1997 г.</TH>
 </TR>
 <TR>
 <TH scope="col" abbr="Название">Название курса</TH>
 <TH scope="col" abbr="Преподаватель">Преподаватель курса</TH>
 <TH scope="col">Описание</TH>
 <TH scope="col">Код</TH>
 <TH scope="col">Стоимость</TH>
 </TR>
 <TR>
 <TD scope="row">После Гражданской войны</TD>
 <TD>Доктор Джон Раутон</TD>
 <TD>
 В этом курсе изучаются turbulent годы в Англии после 1646 года.
 <EM>6 еженедельных занятий, начиная с понедельника, 13 октября.</EM>
 </TD>
 <TD>H27</TD>
 <TD>&pound;32</TD>
 </TR>
 <TR>
 <TD scope="row">Англо-саксонская Англия - введение</TD>
 <TD>Марк Коттл</TD>
 <TD>
 Однодневный курс - введение в раннесредневековый период
 Реконструкции англо-саксонского общества. <EM>Суббота, 18
 октября.</EM>
 </TD>
 <TD>H28</TD>
 <TD>&pound;18</TD>
 </TR>
 <TR>
 <TD scope="row">Греция</TD>
 <TD>Валери Лоренц</TD>
 <TD>
 Колыбель демократии, философии, сердце театра, родина аргумента. Это могли сделать римляне, если бы греки не опередили их. <EM>Субботняя школа 25 октября 1997 года</EM>
 </TD>
 <TD>H30</TD>
 <TD>&pound;18</TD>
 </TR>
</TABLE>

11.4.2 Категоризация ячеек

Возможно, пользователи, просматривающие таблицу с использованием речевых агентов, захотят услышать пояснение к содержимым ячейки в дополнение к самой информации. Один из способов, которым агент пользователя может обеспечить пояснения, - произносить соответствующую заголовочную информацию перед произнесением информации, являющейся содержимым ячейки (см. раздел о связи заголовочной информации с ячейками данных).

Пользователям может также понадобиться информация о нескольких ячейках, и в этом случае заголовочная информация, заданная на уровне ячейки (с помощью headers, scope, и abbr) может не соответствовать контексту. Рассмотрим следующую таблицу с классификацией расходов на еду, гостиницы и транспорт в двух пунктах (Сан-Хосе и Сиэтле) за несколько дней:

Пользователям понадобится извлечь информацию из таблицы в форме запросов:

• "Сколько всего денег я потратил на еду?"
• "Сколько я потратил на еду 25 августа?"
• "Сколько всего денег я потратил в Сан-Хосе?"

Каждый запрос подразумевает вычисления, выполняемые агентом пользователя, которые могут затрагивать несколько или ни одной ячейки. Чтобы определить, например, расходы на еду 25 августа, агент пользователя должен знать, какие ячейки таблицы относятся к "Еде" (все эти ячейки), а какая к "Датам" (25 августа), и найти пересечение этих двух наборов.

Для принятия запроса такого типа модель таблиц HTML 4.0 позволяет авторам помещать заголовки и данные ячеек в категории. Например, в таблице расходов на командировку автор может сгруппировать ячейки заголовков "Сан-Хосе" и "Сиэтл" в категорию "Пункт", заголовки "Еда", "Гостиницы" и "Транспорт" в категорию "Расходы", а четыре дня в категорию "Дата". Тогда предыдущие три вопроса будут иметь следующее значение:

• "Сколько всего денег я потратил на еду?" означает "Все ячейки данных из категории "Расходы=Еда"?
• "Сколько я потратил на еду 25 августа?" означает "Все ячейки данных из категорий "Расходы=Еда" и "Дата=25-авг-1997"?
• "Сколько всего денег я потратил в Сан-Хосе?" означает "Все ячейки данных из категорий "Расходы=Еда, Гостиницы, Транспорт" и "Пункт=Сан-Хосе"?

Авторы определяют категории заголовков или ячеек данных, устанавливая для ячейки атрибут axis. Например, в таблице расходов на командировку ячейка, содержащая информацию "Сан-Хосе" может быть помещена в категорию "Пункт" следующим образом:

 <TH id="a6" axis="пункт">Сан-Хосе</TH>

Любая ячейка, содержащая информацию, относящуюся к "Сан-Хосе", должна ссылаться на эту ячейку заголовка с помощью атрибута headers или scope. Таким образом, расходы на еду 25-авг-1997 должны иметь ссылку на атрибут id (значение которого здесь - "a6") ячейки заголовка "Сан-Хосе":

 
 <TD headers="a6">37.74</TD>

Каждый атрибут headers содержит список ссылок id. Авторы таким образом могут определять категории для данной ячейки с помощью данного ряда способов (или along any number of "headers", hence the name).

Ниже в таблице командировочных расходов указана информация о категориях:

<TABLE border="1"
 summary="В этой таблице приводятся сведения о 
 командировочных расходах в августе 
 в Сан-Хосе и Сиэтле">
<CAPTION>
 Отчет о командировочных расходах
</CAPTION>
<TR>
 <TH></TH>
 <TH id="a2" axis="расходы">Еда</TH>
 <TH id="a3" axis="расходы">Гостиницы</TH>
 <TH id="a4" axis="расходы">Транспорт</TH>
 <TD>итого</TD>
</TR>
<TR>
 <TH id="a6" axis="пункт">Сан-Хосе</TH>
 <TH></TH>
 <TH></TH>
 <TH></TH>
 <TD></TD>
</TR>
<TR>
 <TD id="a7" axis="дата">25-авг-97</TD>
 <TD headers="a6 a7 a2">37.74</TD>
 <TD headers="a6 a7 a3">112.00</TD>
 <TD headers="a6 a7 a4">45.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD id="a8" axis="дата">26-авг-97</TD>
 <TD headers="a6 a8 a2">27.28</TD>
 <TD headers="a6 a8 a3">112.00</TD>
 <TD headers="a6 a8 a4">45.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD>итого</TD>
 <TD>65.02</TD>
 <TD>224.00</TD>
 <TD>90.00</TD>
 <TD>379.02</TD>
</TR>
<TR>
 <TH id="a10" axis="пункт">Сиэтл</TH>
 <TH></TH>
 <TH></TH>
 <TH></TH>
 <TD></TD>
</TR>
<TR>
 <TD id="a11" axis="дата">27-авг-97</TD>
 <TD headers="a10 a11 a2">96.25</TD>
 <TD headers="a10 a11 a3">109.00</TD>
 <TD headers="a10 a11 a4">36.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD id="a12" axis="дата">28-авг-97</TD>
 <TD headers="a10 a12 a2">35.00</TD>
 <TD headers="a10 a12 a3">109.00</TD>
 <TD headers="a10 a12 a4">36.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD>итого</TD>
 <TD>131.25</TD>
 <TD>218.00</TD>
 <TD>72.00</TD>
 <TD>421.25</TD>
</TR>
<TR>
 <TH>Всего</TH>
 <TD>196.27</TD>
 <TD>442.00</TD>
 <TD>162.00</TD>
 <TD>800.27</TD>
</TR>
</TABLE>

Обратите внимание на то, что такая разметка таблицы также позволяет агентам пользователей не сбивать пользователей с толку ненужной информацией. Например, если синтезатор речи должен был произнести все цифры из столбца "Еда" этой таблицы в ответ на запрос "Все расходы на еду?", пользователь не смог бы отличить дневные расходы от итоговой суммы. С помощью тщательной категоризации данных авторы позволяют агентам пользователей делать важные семантические различия при генерации.

Конечно, авторы не ограничены в категоризации информации в таблице. В таблице командировочных расходов, например, мы можем ввести дополнительные категории "итого" и "всего".

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

Однако агенты пользователей, особенно синтезаторы речи, могут выделять информацию, общую для нескольких ячеек, являющихся результатами запроса. Например, если пользователь спрашивает "Сколько всего денег я потратил на еду в Сан-Хосе?", агент пользователя должен определить соответствующие ячейки (25-авг-1997: 37.74, 26-авг-1997:27.28), а затем сгенерировать информацию. Агент пользователя может произнести следующую информацию:

 Пункт: Сан-Хосе. Дата: 25-авг-1997. Расходы, Еда: 37.74
 Пункт: Сан-Хосе. Дата: 26-авг-1997. Расходы, Еда: 27.28

или более компактно:

 Сан-Хосе, 25-авг-1997, Еда: 37.74
 Сан-Хосе, 26-авг-1997, Еда: 27.28

Еще более экономичная генерация может выделить еще более общую информацию и переупорядочить ее:

 Сан-Хосе, Еда, 25-авг-1997: 37.74
 26-авг-1997: 27.28

Агенты пользователей, поддерживающие генерацию такого типа, должны обеспечивать средства настройки генерации (например, с помощью таблиц стилей).

11.4.3 Алгоритм поиска заголовочной информации

В отсутствии заголовочной информации в атрибуте scope или headers агенты пользователей могут составлять эту информацию в соответствии со следующим алгоритмом. Целью алгоритма является нахождение упорядоченного списка заголовков. (В следующем описании алгоритма принято направление таблицы слева направо.)

• Сначала выполняется поиск влево от позиции ячейки для определения ячейки заголовка строки. Затем выполняется поиск вверх для определения ячейки заголовка столбца. Поиск в заданном направлении прекращается, если достигнут край таблицы или обнаружена ячейка данных после ячейки заголовка.
• Заголовки строк помещаются в список в том порядке, в котором они расположены в таблице. Для таблиц, направленных слева направо, заголовки помещаются слева направо.
• Заголовки столбцов помещаются после заголовков строк, в том порядке, в каком они расположены в таблице, сверху вниз.
• Если для ячейки заголовка установлен атрибут headers, заголовки, на которые ссылается этот атрибут, помещаются в список, и поиск для текущего направления прекращается.
• Ячейки TD, в которых устанавливается атрибут axis, обрабатываются так же, как и ячейки заголовков.

11.5 Пример таблицы

В этом примере показаны сгруппированные строки и столбцы. Пример взят из книги "Разработка интернационального программного обеспечения" Надин Кэно.

<TABLE border="2" frame="hsides" rules="groups"
 summary="Поддержка кодовых страниц в различных версиях MS Windows.">
<CAPTION>ПОДДЕРЖКА КОДОВЫХ СТРАНИЦ В MICROSOFT WINDOWS</CAPTION>
<COLGROUP align="center">
<COLGROUP align="left">
<COLGROUP align="center" span="2">
<COLGROUP align="center" span="3">
<THEAD valign="top">
<TR>
<TH>ИД кодовой<BR>страницы
<TH>Название
<TH>ACP
<TH>OEMCP
<TH>Windows<BR>NT 3.1
<TH>Windows<BR>NT 3.51
<TH>Windows<BR>95
<TBODY>
<TR><TD>1200<TD>Unicode (BMP of ISO/IEC-10646)<TD><TD><TD>X<TD>X<TD>*
<TR><TD>1250<TD>Windows 3.1 Восточноевропейская<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1251<TD>Windows 3.1 Кириллица<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1252<TD>Windows 3.1 США (ANSI)<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1253<TD>Windows 3.1 Греческая<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1254<TD>Windows 3.1 Турецкая<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1255<TD>Иврит<TD>X<TD><TD><TD><TD>X
<TR><TD>1256<TD>Арабская<TD>X<TD><TD><TD><TD>X
<TR><TD>1257<TD>Балтийская<TD>X<TD><TD><TD><TD>X
<TR><TD>1361<TD>Корейская (Johab)<TD>X<TD><TD><TD>**<TD>X
<TBODY>
<TR><TD>437<TD>США MS-DOS<TD><TD>X<TD>X<TD>X<TD>X
<TR><TD>708<TD>Арабская (ASMO 708)<TD><TD>X<TD><TD><TD>X
<TR><TD>709<TD>Арабская (ASMO 449+, BCON V4)<TD><TD>X<TD><TD><TD>X
<TR><TD>710<TD>Арабская (Прозрачная арабская)<TD><TD>X<TD><TD><TD>X
<TR><TD>720<TD>Арабская (Прозрачная ASMO)<TD><TD>X<TD><TD><TD>X
</TABLE>

 ПОДДЕРЖКА КОДОВЫХ СТРАНИЦ В MICROSOFT WINDOWS 
=================================================================================
ИД кодовой| Название | ACP OEMCP | Windows Windows Windows
Страницы | | | NT 3.1 NT 3.51 95
---------------------------------------------------------------------------------
 1200 | Unicode (BMP of ISO 10646) | | X X *
 1250 | Windows 3.1 Восточноевропейская| X | X X X
 1251 | Windows 3.1 Кириллица | X | X X X
 1252 | Windows 3.1 США (ANSI) | X | X X X
 1253 | Windows 3.1 Греческая | X | X X X
 1254 | Windows 3.1 Турецкая | X | X X X
 1255 | Иврит | X | X
 1256 | Арабская | X | X
 1257 | Балтийская | X | X
 1361 | Корейская (Johab) | X | ** X
-------------------------------------------------------------------------------
 437 | США MS-DOS | X | X X X
 708 | Арабская (ASMO 708) | X | X
 709 | Арабская (ASMO 449+, BCON V4) | X | X
 710 | Арабская (Прозрачная арабская) | X | X
 720 | Арабская (Прозрачная ASMO) | X | X
===============================================================================