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 |
✔️ |
Атрибути
Този елемент няма специфични атрибути.