HTML тег <caption>

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

Синтаксис

<table>
<caption>название таблицы</caption>
...
</table>

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

Обязателен.

Атрибуты

alignУстарел в HTML5
Задает выравнивание заголовка по горизонтали.
left - заголовок располагается сверху таблицы и выравнивается по левому краю
right - заголовок располагается сверху таблицы и выравнивается по правому краю
top - заголовок выводится над таблицей и выравнивается по центру (значение по-умолчанию)
bottom - заголовок размещается внизу таблицы по ее центру.

Для этого элемента доступны глобальные атрибуты и события.

Совет: По умолчанию заголовок таблицы будет выровнен по центру. Тем не менее, для пользовательского выравнивания и размещения пояснительного заголовка таблицы можно использовать свойства CSS text-align и caption-side.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <caption> со следующими значениями CSS по умолчанию:

caption { 
    display: table-caption;
    text-align: center;
}

Различия между HTML 4.01 и HTML5

В HTML5 атрибут align не поддерживается.

Пример использования:

Элемент <caption>

Пример HTML:

Попробуй сам
<table>
  <caption>Заголовок к таблице</caption>
  <tr>
    <th colspan="4">Заголовок</th>
  </tr>
  <tr>
    <td>Ячейка (1,1)</td>
    <td>Ячейка (1,2)</td>
    <td>Ячейка (1,3)</td>
    <td>Ячейка (1,4)</td>
  </tr>
  <tr>
    <td>Ячейка (2,1)</td>
    <td>Ячейка (2,2)</td>
    <td>Ячейка (2,3)</td>
    <td>Ячейка (2,4)</td>
  </tr>
</table>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами



Contema