HTML - тег <caption>
Пример
Таблица с подписью:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег <caption>
определяет заголовок таблицы.
Тег <caption>
должен быть вставлен сразу после
тега <table> .
Совет. По умолчанию заголовок таблицы выравнивается по центру над таблицей. Однако свойства CSS text-align и caption-side можно использовать для выравнивания и размещения подписи.
Поддержка браузера
Element | |||||
---|---|---|---|---|---|
<caption> | Yes | Yes | Yes | Yes | Yes |
Глобальные атрибуты
Тег <caption>
также поддерживает глобальные атрибуты в HTML .
Атрибуты события
Тег <caption>
также поддерживает атрибуты событий в HTML .
Дополнительные примеры
Пример
Расположите заголовки таблиц (с помощью CSS):
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption
style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Связанные страницы
Справочник по HTML DOM: объект подписи
Настройки CSS по умолчанию
Большинство браузеров будут отображать <caption>
элемент со следующими значениями по умолчанию:
Пример
caption {
display: table-caption;
text-align: center;
}