Тег <caption> HTML

  • Предыдущая страница <canvas>
  • Следующая страница <center>

Определение и использование

<caption> Тег defines заголовок таблицы.

Тег caption должен следовать сразу за тегом table. Вы можете определить только один заголовок для каждой таблицы.

Совет:По умолчанию, заголовок таблицы будет выравнен по центру над таблицей. Однако, свойства CSS text-align и caption-side могут быть использованы для выравнивания и размещения заголовка.

См. также:

Руководство HTML DOM:Объект Caption

Пример

Пример 1

Таблица с заголовком:

<table>
  <caption>Сбережения每月</caption>
  <tr>
    <th>Месяц</th>
    <th>Вклад</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>￥3000</td>
  </tr>
</table>

Попробуйте сами

Пример 2

Заголовок таблицы (использование CSS):

<table>
  <caption style="text-align:right">Мои сбережения</caption>
  <tr>
    <th>Месяц</th>
    <th>Вклад</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">Мои вклады</caption>
  <tr>
    <th>Месяц</th>
    <th>Вклад</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>￥3000</td>
  </tr>
</table>

Попробуйте сами

Глобальные свойства

<caption> Тег также поддерживает Глобальные свойства в HTML.

Свойства событий

<caption> Тег также поддерживает Свойства событий в HTML.

Настройки CSS по умолчанию

Большинство браузеров будут использовать следующие значения по умолчанию для отображения <caption> Элемент:

caption {
  display: table-caption;
  text-align: center;
}

Попробуйте сами

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <canvas>
  • Следующая страница <center>