HTML тег caption

Тег <caption> определяет пояснительный заголовок таблицы.

Элемент <caption> должен появляться непосредственно после открывающего тега <table> и быть в одном экземпляре.

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

Разница между HTML 4.01 и HTML5

В HTML5 атрибут align не поддерживается.

Атрибуты тега <caption>

Общие атрибуты

Тег <caption> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

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

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

HTML пример использования

Таблица с пояснительным заголовком:

<table>
  <caption>Ежемесячная экономия</caption>
  <tr>
    <th>Месяц</th>
    <th>Сэкономлено</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Февраль</td>
    <td>$50</td>
  </tr>
</table>