Элемент <caption>

Элемент <caption> (от англ. caption — подпись, заголовок) представляет собой заголовок или подпись (описание) таблицы. Заголовок или подпись — это просто текст, который описывает содержимое таблицы.

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

Когда элемент <table> является единственным содержимым в элементе <figure>, кроме элемента <figcaption>, элемент <caption> следует опустить в пользу элемента <figcaption>.

Атрибуты

Для элемента <caption> доступны глобальные атрибуты и события.

Стиль по умолчанию

Стиль по умолчанию для элемента <caption>, определённый в спецификации HTML:

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

Пример

table {
  width: 50%;
  border-collapse: collapse;
  margin: 20px auto;
  font-family: Arial, sans-serif;
}
caption {
  font-size: 1.5em;
  margin: 10px 0;
  font-weight: bold;
  color: #8080ff;
}
th, td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
th { 
  background-color: #9999FF; 
  color: #fff; 
}
tr:nth-child(even) { background-color: #e6e6ff; }

<table>
  <caption>Продажи по месяцам</caption>
  <thead>
    <tr>
      <th>Месяц</th>
      <th>Продажи (в тыс. руб.)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Январь</td>
      <td>150</td>
    </tr>
    <tr>
      <td>Февраль</td>
      <td>200</td>
    </tr>
    <tr>
      <td>Март</td>
      <td>250</td>
    </tr>
  </tbody>
</table>