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