HTML :: Тег <figure>
В HTML тег <figure> (от англ. figure – фигура, рисунок) предназначен для выделения самостоятельного контента, связанного с содержимым страницы. Обычно контент, выделенный при помощи <figure>, используется как одно целое и содержит рисунки, иллюстрации, схемы, графики, диаграммы, куски кода и т.д. (короче, все то, что при перемещении в другое место документа не нанесет ущерб смысловому содержанию текущей части страницы). По умолчанию браузеры отображают элемент <figure> как блочный элемент.
Синтаксис
<figure>
<figcaption>...</figcaption>
</figure>
Закрывающий тег: обязателен.
Атрибуты
Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/grouping-content.html#the-figure-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/figure
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base href="https://site.name/"> <title>Пример №1</title> </head> <body> <figure> <p>Ох, уж эти роботы!</p> <img src="html_files/images/robot.png" alt="Робот"> <figcaption>Робот Вася</figcaption> </figure> </body> </html>
Пример №1