<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`