<caption>: The Table Caption element

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

HTML элемент заголовка таблицы (<caption>) определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга <table>. Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-side and text-align.

Категории контента	Нет
Допустимое содержимое	Потоковый контент.
Пропуск тегов	Конечный тег может быть пропущен, если элемент не следует сразу за ASCII пробелом или комментарием.
Допустимые родители	Элемент `<table>` как его первый потомок
Допустимые ARIA-роли	Нет
DOM-интерфейс	`HTMLTableCaptionElement`

Атрибуты

Этот элемент включает глобальные атрибуты.

Устаревшие атрибуты

Следующие атрибуты устаревшие и не должны использоваться. Они описаны ниже для справки при обновлении кода и для общего сведения.

align

Этот пронумерованный атрибут указывает как заголовок должен быть выравнен по отношению к таблице. Он может иметь одно или несколько следующих значений :

left: Заголовок отображается слева от таблицы.
top: Заголовок отображается над таблицей.
right: Заголовок отображается справа от таблицы.
bottom: Заголовок отображается под таблицей.

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

Когда элемент <table>, содержащий <caption> является единственным потомком элемента <figure>, вам следует использовать элемент <figcaption> вместо <caption>.

Пример

Просто пример, представляющий таблицу, которая содержит заголовок.

html

<table>
  <caption>
    Example Caption
  </caption>
  <tr>
    <th>Login</th>
    <th>Email</th>
  </tr>
  <tr>
    <td>user1</td>
    <td>user1@sample.com</td>
  </tr>
  <tr>
    <td>user2</td>
    <td>user2@sample.com</td>
  </tr>
</table>

caption {
  caption-side: top;
  align: right;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
table,
th,
td {
  border: 1px solid black;
}

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

Specification
HTML # the-caption-element

Совместимость с браузерами

Смотрите также

Другие связанные с таблицей HTML-элементы: <col>, <colgroup>, <table>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>;
CSS-свойства, которые могут быть применены для стилизации элемента <caption>:
- text-align, caption-side.