Тег CAPTION

⚠️ Bymas - Форум разработчиков

Тег CAPTION

Описание

Тег <CAPTION> предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <TABLE>, причем сразу после открывающего тега. Такой заголовок представляет собой текст, отображаемый перед таблицей и описывающий ее содержание.

Таблица 1. Пример создания заголовка таблицы с помощью тега <CAPTION>
	Чебурашка	Крокодил Гена	Шапокляк
Съел, кг	5	2	1
Выпил, л	6	8	2
Смог, раз	5	5	1

Синтаксис

<table>
<caption>Текст</caption>
...
</table>

Параметры

align: Определяет выравнивание заголовка по горизонтали.
valign: Устанавливает расположение заголовка до или после таблицы.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <CAPTION>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<table width="60%" border="1" cellspacing="0" cellpadding="4">
<caption align="right">
Таблица 3.2. Демонстрация катаболических процессов организма
</caption>

<tr>
<th> </th>
<th>Чебурашка</th>
<th>Крокодил Гена</th>
<th>Шапокляк</th>
</tr>
<tr>
<td>Съел, кг</td>
<td>5</td>
<td>2</td>
<td>1</td>
</tr>
<tr>
<td>Выпил, л</td>
<td>6</td>
<td>8</td>
<td>2</td>
</tr>
<tr>
<td>Смог, раз</td>
<td>5</td>
<td>5</td>
<td>1</td>
</tr>
</table>

</body>
</html>

Описание параметров тега <CAPTION>

Параметр ALIGN

Описание

Параметр align определяет выравнивание заголовка относительно таблицы. Результат его действия зависит от используемого браузера и установленного значения.

Синтаксис

Аргументы

left: Выравнивает заголовок по левому краю таблицы. Аргумент работает только в браузерах Internet Explorer и Opera 7.
right: В браузере Internet Explorer и Opera 7 располагает заголовок сверху таблицы и выравнивает его по правому краю таблицы. В браузере Netscape параметр игнорируется, а в Opera 6 и ниже заголовок располагается от таблицы справа.
center: Заголовок располагается сверху таблицы по ее центру.
top: Результат аналогичен действию параметра center, но в отличие от него входит в спецификацию HTML 4 и понимается всеми браузерами.
bottom: Заголовок размещается внизу таблицы по ее центру.

Значение по умолчанию

center — для браузера Internet Explorer; top — для других браузеров.

Аналог CSS

text-align

Пример 2. Выравнивание заголовка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<table width="60%" border="1" cellspacing="1" cellpadding="4" align="center">
<caption align="right">
Пример таблицы
</caption>
<tr>
<th>#</th>
<th>Чебурашка</th>
<th>Крокодил Гена</th>
<th>Шапокляк</th>
</tr>
<tr>
<td>1</td>
<td>FXD</td>
<td>URN</td>
<td>LWK</td>
</tr>
</table>
</body>
</html>

Параметр VALIGN

Описание

Параметр valign предназначен для размещения заголовка до таблицы или после нее. Этот параметр работает только в браузере Internet Explorer, а для всех остальных применяется align. Тем не менее, параметр align корректно действует и для IE, поэтому сочетание параметров align и valign необходимо только для этого браузера, когда требуется одновременное выравнивание заголовка по вертикали и горизонтали.

Синтаксис

Аргументы

bottom: Заголовок размещается под таблицей.
top: Заголовок размещается перед таблицей.

Значение по умолчанию

top

Пример 3. Заголовок внизу таблицы

<html>
<body>
<table width="60%" border="1" cellspacing="1" cellpadding="4" align="center">
<caption align="bottom">
Пример таблицы
</caption>
...
</table>
</body>
</html>