Перейти к содержанию

<caption>

Тег <caption> (от англ. caption - заголовок, подпись) предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <table>, причём сразу после открывающего тега.

Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий её содержание.

Синтаксис

<table>
  <caption>
    Текст
  </caption>
  <tr>
    <td>...</td>
  </tr>
</table>

Закрывающий тег обязателен.

Атрибуты

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

Спецификации

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>CAPTION</title>
    <style>
      table {
        width: 100%;
      }
      td {
        border: 1px solid #000;
        padding: 4px;
      }
    </style>
  </head>
  <body>
    <table>
      <caption>
        Таблица 3.2. Демонстрация катаболических процессов организма
      </caption>
      <tr>
        <th></th>
        <th>Чебурашка</th>
        <th>Крокодил Гена</th>
        <th>Шапокляк</th>
      </tr>
      <tr>
        <td>Съел, кг</td>
        <td>5</td>
        <td>2</td>
        <td>1</td>
      </tr>
      <tr>
        <td>Выпил, л</td>
        <td>6</td>
        <td>8</td>
        <td>2</td>
      </tr>
      <tr>
        <td>Смог, раз</td>
        <td>5</td>
        <td>5</td>
        <td>1</td>
      </tr>
    </table>
  </body>
</html>