Тег CAPTION

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

<table> <caption>контент</caption> ... </table>

Параметры

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

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

Обязателен.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег CAPTION</title>
 </head>
 <body>  

  <table width="100%" border="1" cellspacing="0" cellpadding="4">
   <caption>Таблица 3.2. Демонстрация катаболических 
     процессов организма</caption>  
   <tr> 
    <th>&nbsp;</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>

Результат данного примера показан ни рис. 1.

Рис. 1

Рис. 1. Вид заголовка таблицы в браузере Опера

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

Параметр ALIGN

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

left: В браузере Internet Эксплорер и Опера располагает заголовок сверху и выравнивает его по левоой стороне таблицы. В Файер фох заголовок располагается слева от таблицы.
right: В браузере Internet Эксплорер и Опера располагает заголовок сверху таблицы и выравнивает его по правой стороне таблицы. В браузере Нетscape параметр игнорируется, а в Файер фох заголовок располагается от таблицы справа.
center: Заголовок располагается сверху таблицы по ее центру.
top: Результат аналогичен действию параметра center, но в отличие от него входит в спецификацию ШТМЛ 4 и понимается всеми браузерами.
bottom: Заголовок размещается внизу таблицы по ее центру.

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

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

Аналог CSS (ЦСС)

text-align

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег CAPTION, параметр align</title>
 </head>
 <body>

  <table width="100%" border="1" cellspacing="1" cellpadding="4">
   <caption align="bottom">Пример таблицы</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>

Результат данного примера показан ни рис. 2.

Рис. 2

Рис. 2. Размещение заголовка под таблицей

Параметр VALIGN

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

top

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег CAPTION, параметр valign</title>
 </head>
 <body>

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

 </body>
</html>