Элемент | ||||||
<caption> | 3+ | 1+ | 7+ | 1+ | 1+ | 1+ |
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) | Рекомендация |