<figcaption>: Элемент подписи иллюстрации
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
HTML-элемент <figcaption> или элемент подписи иллюстрации представляет собой подпись (заголовок) или легенду, описывающую остальную часть содержимого родительского элемента <figure>.
Интерактивный пример
<figure> <img src="/shared-assets/images/examples/elephant.jpg" alt="Elephant at sunset" /> <figcaption>An elephant at sunset</figcaption> </figure> figure { border: thin #c0c0c0 solid; display: flex; flex-flow: column; padding: 5px; max-width: 220px; margin: auto; } img { max-width: 220px; max-height: 150px; } figcaption { background-color: #222; color: #fff; font: italic smaller sans-serif; padding: 3px; text-align: center; } | Категории контента | Нет |
|---|---|
| Допустимое содержимое | Потоковый контент |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Элемент <figure>; элемент <figcaption> должен быть первым или последним потомком. |
| Допустимые ARIA-роли | group, presentation |
| DOM-интерфейс | HTMLElement |
Атрибуты
Этот элемент принимает только глобальные атрибуты.
Примеры
Для примеров <figcaption> смотрите <figure>.
Спецификации
| Specification |
|---|
| HTML> # the-figcaption-element> |
Совместимость с браузерами
Смотрите также
- Элемент
<figure>