<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.

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

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

Атрибуты

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

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

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

align

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

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

Примечание: Не используйте этот атрибут, так как он устарел. Элемент <caption> должен быть стилизован с использованием свойств CSS caption-side иtext-align.

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

Когда элемент <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 Standard # the-caption-element

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

BCD tables only load in the browser

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

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