HTML Тег <caption>
Приклад
Таблиця з підписом (заголовком):
<table>
<caption>Щомісячний прибуток на Google AdSense</caption>
<tr>
<th>Місяць</th>
<th>Прибуток</th>
</tr>
<tr>
<td>Січень</td>
<td>$1000</td>
</tr>
</table>
Спробуйте самі »
Більше прикладів "Спробуйте самі" далі.
Визначення та використання
Тег <caption>
визначає заголовок (підпис) таблиці.
Тег <caption>
потрібно вставити одразу після тегу <table>.
Порада: За замовчуванням заголовок таблиці буде вирівняно по центру над таблицею. Однак CSS властивості text-align та caption-side можна використовувати для вирівнювання та розміщення заголовоку (підпису).
Підтримка браузерами
Елемент | |||||
---|---|---|---|---|---|
<caption> | Так | Так | Так | Так | Так |
Глобальні атрибути
Тег <caption>
також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <caption>
також підтримує Атрибути подій в HTML.
Більше прикладів
Приклад
Позиціонування підписів таблиці (за допомогою 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>$1000</td>
</tr>
</table>
Спробуйте самі »
Пов’язані сторінки
HTML DOM довідник: Об’єкт Caption
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <caption>
з наступними значеннями за замовчуванням: