HTML тег `<figcaption>`

Значение и применение

Благодаря тегу <figcaption> вы можете вывести пояснение к содержимому, которое находится внутри тега <figure>. Тег <figcaption> должен размещаться как первый, или последний элемент внутри тега <figure>.

Тег <figure> применяется для обозначения контента, иллюстрирующего или поддерживающего определенную идею текста. Тег <figure> может содержать изображение, видеоролик, схему, фрагмент кода, диаграмму или даже таблицу — почти все, что может встретиться в потоке веб-контента и должно восприниматься как автономная единица.

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.figcaption
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`figcaption`	✓8	✓12	✓4	✓11	✓5.1	✓18	✓4	✓11	✓5	✓1.0	✓4.4	✓5

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Примеры, попробуйте сами

Иллюстрация с подписью

Измените подпись или перенесите её перед изображением внутри figure.

index.html

HTML

<figure>
  <img src="assets/picture.jpg" alt="Нарисованный персонаж с поднятыми руками" width="220" />
  <figcaption>Иллюстрация с подписью.</figcaption>
</figure>

Значение CSS по умолчанию

CSS

figcaption {
display : block;
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML тег <figcaption>