HTML - тег <caption> используется для определения заголовка таблицы. Сам тег должен находиться внутри элемента <table> сразу после открывающего тега <table> и быть первым дочерним элементом родительского элемента <table>.
Тег <caption> - синтаксис и код
Тег <caption> представлен парами. Содержимое записывается между открывающим (<caption>) и закрывающим (</caption>) тегами.
Пример кода таблицы с элементом caption:
<table>
<caption>Ежемесячная экономия</caption>
<tr>
<th>Месяц</th>
<th>Экономия</th>
</tr>
<tr>
<td>Январь</td>
<td>10000 ₽</td>
</tr>
<tr>
<td>Февраль</td>
<td>5000 ₽</td>
</tr>
</table>
Ежемесячная экономия
| Месяц |
Экономия |
| Январь |
10000 ₽ |
| Февраль |
5000 ₽ |
Определение и использование
- HTML - тег
<caption> определяет заголовок таблицы;
- Тег
<caption> должен быть вставлен сразу после тега <table>.
Таблица HTML может также включать элементы <caption>, <colgroup>, <thead>, <tfoot> и <tbody>.
✪ Рекомендация: по умолчанию заголовок таблицы выравнивается по центру над таблицей. Однако свойства CSS text-align и caption-side можно использовать для выравнивания и размещения подписи.
★
Примечание: если элемент
<table>, содержащий
<caption>, является единственным потомком элемента
<figure>, вы должны использовать элемент
<figcaption> вместо
<caption>.
Поддержка <caption> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
Глобальные атрибуты
Тег <caption> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <caption> также поддерживает атрибуты событий в HTML
Связанные страницы
Руководство по HTML: таблицы HTML
Настройки CSS по умолчанию
Большинство браузеров отображают элемент caption со следующими значениями по умолчанию:
caption {
display: table-caption;
text-align: center;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
