Тег <caption>

Описание

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

Синтаксис

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

Атрибуты

align

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

<caption align="left | right | top | bottom">...</caption>

Вместо этого атрибута необходимо использовать стили

left: В браузере Internet Explorer и Opera располагает заголовок сверху и выравнивает его по левому краю таблицы. В Firefox заголовок располагается слева от таблицы. Safari и Chrome игнорируют это значение.
right: В браузере Internet Explorer и Opera располагает заголовок сверху таблицы и выравнивает его по правому краю таблицы. В браузере Firefox заголовок располагается от таблицы справа. Safari и Chrome игнорируют это значение.
top: Значение по умолчанию. Заголовок размещается перед таблицей по ее центру.
bottom: Заголовок размещается внизу таблицы по ее центру.

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Также для этого тега доступны универсальные атрибуты и события.

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

Обязателен.

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

<!DOCTYPE html>
<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>

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

<!DOCTYPE html>
<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>

Браузеры: Настольные Мобильные ?

Internet Explorer	Chrome	Opera	Safari	Firefox
3	1	7	1	1

Android	Firefox Mobile	Opera Mobile	Safari Mobile
1	1	6	1

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Таблицы.