HTML - тег <figure> используется для указания автономного содержимого. Тег может содержать диаграммы, изображения, иллюстрации, примеры кода и т. д и является одним из элементов HTML5.
Тег <figure> - синтаксис и код
Тег <figure> представлен парами. Содержимое записывается между открывающим (<figure>) и закрывающим (</figure>) тегами.
Пример использования элемента <figure>, чтобы разметить фотографию в документе, и элемент <figcaption>, чтобы определить подпись к фотографии:
Нью-Йорк, который часто называют Нью-Йорк Сити или Большое Яблоко, является самым густонаселенным городом в Соединенных Штатах.
Нью-Йорк Сити (Большое Яблоко).
Определение и использование
Тег <figure> определяет самостоятельный контент, такой как иллюстрации, диаграммы, фотографии, листинги кодов и т. д.;
Хотя контент элемента <figure> связан с основным потоком, его положение от него не зависит, и если его удалить, он не должен влиять на поток документа.
✪ Рекомендация: чтобы добавить подпись или пояснение к содержимому тега <figure>, используйте тег <figcaption>. Этот тег включен в тег <figure> и размещается как первый или последний дочерний элемент.
★ Примечание: если <figcaption> является первым вложенным элементом, то содержимое будет отображаться в верхней части изображения.
