HTML таг caption

Пример

Кратък пример как се използва тагът <caption>.

<table class="table table-striped">
  <caption>Седмичен график на продажбите</caption>
  <thead>
    <tr>
      <th scope="col">Ден</th>
      <th scope="col">Брой поръчки</th>
      <th scope="col">Оборот (лв.)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Понеделник</td>
      <td>35</td>
      <td>1 250</td>
    </tr>
    <tr>
      <td>Вторник</td>
      <td>42</td>
      <td>1 560</td>
    </tr>
  </tbody>
</table>
Опитай в редактора

Дефиниция и употреба

Тагът <caption> се използва за задаване на заглавие или кратко описание на HTML таблица. Той трябва да бъде първият елемент вътре в елемента <table>, непосредствено след отварящия таг <table>.

Семантичното заглавие, зададено с <caption>, помага на потребителите и помощните технологии (екранни четци) да разберат съдържанието и предназначението на таблицата. Това е важно за достъпността и по-добрата структура на документа.

По подразбиране повечето браузъри показват съдържанието на <caption> над таблицата и го форматират като центриран текст. Позицията и стилът могат да се променят с CSS (например чрез свойството caption-side и други стилове).

Елементът <caption> може да съдържа текст и други инлайн елементи (напр. <strong>, <em>, <span>), но не и блокови елементи като <div>. Във всяка таблица е позволен само един <caption> елемент.

Browser Support

BrowserПоддръжка

Chrome
✔️

Firefox
✔️

Edge
✔️

Safari
✔️

Opera
✔️

Атрибути

Този елемент няма специфични атрибути.