|
||
|
aranea.ru || Спецификация HTML 4.01 | 11. Таблицы
11. Таблицы11.3. Форматирование таблицы визуальными устройствами вывода11.3.1. Границы и рамки11.3.2. Горизонтальное и вертикальное выравнивание Наследование спецификаций выравнивания 11.3.3. Поля ячеек Обратите внимание. Следующие разделы описывают атрибуты HTML-таблицы, которые связаны с визуальным форматированием. Когда эта спецификация была впервые опубликована в 1997 году, каскадные таблицы версии 1 [CSS1] не предлагали механизма управления всеми сторонами визуального форматирования таблиц. После этого, в каскадные таблицы версии 2 [CSS2] добавили свойства, позволяющие осуществлять визуальное форматирование таблиц. HTML 4 включает механизмы контроля:
11.3.1 Границы и рамкиСледующие атрибуты влияют на внешние обрамление и внутренние границы таблицы. Определение атрибутов
Чтобы различать ячейки таблицы, мы можем установить атрибут border элемента TABLE. Рассмотрим предыдущий пример:
<TABLE border="1"
summary="This table charts the number of cups
of coffee consumed by each senator, the type
of coffee (decaf or regular), and whether
taken with sugar.">
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR>
<TH>Name</TH>
<TH>Cups</TH>
<TH>Type of Coffee</TH>
<TH>Sugar? </TH>
<TR>
<TD>T. Sexton</TD>
<TD>10</TD>
<TD>Espresso</TD>
<TD>No</TD>
<TR>
<TD>J. Dinnen</TD>
<TD>5</TD>
<TD>Decaf</TD>
<TD>Yes</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> Для обратной совместимости устройствам вывода необходимо учитывать следующие установки.
Например, следующие определения эквивалентны: <TABLE border="2"> <TABLE border="2" frame="border" rules="all"> то же самое: <TABLE border> <TABLE frame="border" rules="all"> Обратите внимание. Атрибут border определяет также, как граница ведет себя для элементов OBJECT и IMG, но имеет другие значения для этих элементов. 11.3.2 Горизонтальное и вертикальное выравниваниеСледующие атрибуты могут устанавливаться для различных табличных элементов (смотрите определения). <!-- horizontal alignment attributes for cell contents --> <!ENTITY % cellhalign "align (left|center|right|justify|char) #IMPLIED char %Character; #IMPLIED -- alignment char, e.g. char=':' -- charoff %Length; #IMPLIED -- offset for alignment char --" > <!-- vertical alignment attributes for cell contents --> <!ENTITY % cellvalign "valign (top|middle|bottom|baseline) #IMPLIED" > Определение атрибутов
Таблица в следующем примере выравнивает ряд денежных значений по десятичной точке. Мы устанавливаем символ "." явным образом. <TABLE border="1"> <COLGROUP> <COL><COL align="char" char="."> <THEAD> <TR><TH>Vegetable <TH>Cost per kilo <TBODY> <TR><TD>Lettuce <TD>$1 <TR><TD>Silver carrots <TD>$10.50 <TR><TD>Golden turnips <TD>$100.30 </TABLE> Отформатированная таблица может визуализироваться следующим образом: ------------------------------ | Vegetable |Cost per kilo| |--------------|-------------| |Lettuce | $1 | |--------------|-------------| |Silver carrots| $10.50| |--------------|-------------| |Golden turnips| $100.30| ------------------------------ Когда содержание ячейки включает больше одного символа выравнивания, определенного char, и это содержание переносится, то поведение устройства вывода не определено. Поэтому, авторам следует быть внимательным при использовании char. Обратите внимание. Визуальные устройства вывода обычно выводят содержание элементов TH, как отцентрированные вертикально и горизонтально с утолщенным шрифтом. Наследование спецификаций выравниванияВыравнивание содержания ячеек может определяться в ней самой или наследуется от внешних элементов, таких как: ряд, колонка или сама таблица. Порядок преимущества (от высшего к низшему) для атрибутов align, char и charoff следующий:
Порядок преимущества (от высшего к низшему) для атрибута valign (а также других наследуемых атрибутов lang, dir и style) следующий:
Более того, когда визуализируются ячейки, горизонтальное выравнивание определяется колонками, а не рядам, в то же время для вертикального выравнивания рядам отдается предпочтение над колонками. Выравнивание по умолчанию для ячеек зависит от устройства вывода. Но, устройства вывода должны замещать атрибут по умолчанию для текущего направления (т.е. но не "left" во всех случаях). Устройства вывода, которые поддерживают значение "justify" атрибута align, должны использовать значение наследуемого направления в данном месте. Внимание. Обратите внимание, что ячейка может наследовать атрибуты не от свого родительского элемента, а от первой ячейки в диапазоне. Это является исключением для общего правила наследования атрибутов. 11.3.3 Поля ячеекОпределение атрибутов
Эти два атрибута контролируют пространство между и внутри ячеек. Следующая иллюстрация объясняет, как они связаны:  В следующем примере, атрибут cellspacing определяет то, что ячейки должны разделяться друг от друга и от рамки таблицы на двадцать пикселей. Атрибут cellpadding устанавливает, что верхнее и нижнее поля ячейки каждое отделено от содержания ячейки 10% доступного вертикального пространства (итого 20%). Таким же образом, левое и правое поля ячейки каждое разделено от содержания ячейки 10% доступного горизонтального пространства (итого 20%). <TABLE cellspacing="20" cellpadding="20%"> <TR> <TD>Data1 <TD>Data2 <TD>Data3 </TABLE> Если таблица или данная колонка имеет фиксированную ширину, то cellspacing и cellpadding могут потребовать больше пространства, чем присвоено. Устройства вывода дают этим атрибутам преимущество над атрибутом width, когда возникает конфликт, но это не обязательно. |
