<figcaption> Элемент HTML для подписи к иллюстрации
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Элемент <figcaption> HTML представляет подпись или легенду, описывающую остальное содержимое родительского элемента <figure>, и предоставляет <figure> доступное имя.
Попробуйте
<figure>
<img
src="/shared-assets/images/examples/elephant.jpg"
alt="Elephant at sunset" />
<figcaption>An elephant at sunset</figcaption>
</figure>
figure {
border: thin silver solid;
display: flex;
flex-flow: column;
padding: 5px;
max-width: 220px;
margin: auto;
}
img {
max-width: 220px;
max-height: 150px;
}
figcaption {
background-color: #222222;
color: white;
font: italic smaller sans-serif;
padding: 3px;
text-align: center;
}
Атрибуты
Этот элемент включает только глобальные атрибуты.
Примеры
Примеры использования <figcaption> см. на странице <figure>.
Техническая сводка
| Категории содержимого | Нет. |
|---|---|
| Допустимое содержимое | Потоковое содержимое. |
| Пропуск тегов | Не допускается: обязательны как открывающий, так и закрывающий тег. |
| Допустимые родительские элементы | Элемент <figure>; элемент <figcaption> должен быть его первым или последним дочерним элементом. |
| Неявная роль ARIA | Нет соответствующей роли |
| Допустимые роли ARIA | group, none, presentation |
| Интерфейс DOM | HTMLElement |
Спецификации
| Спецификация |
|---|
| HTML> # the-figcaption-element> |
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome для Android | Firefox для Android | Opera для Android | Safari для iOS | Samsung Internet | WebView для Android | WebView для iOS | |
figcaption |
8 | 12 | 4 | 11 | 5.1 | 18 | 4 | 11 | 5 | 1.0 | 4.4 | 5 |
См. также
- Элемент
<figure>.
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/figcaption