HTML тег <figure>
Поддержка браузерами
12.0+ | 9.0+ | 4.0+ | 6.0+ | 11.1+ | 5.0+ |
Описание
HTML тег <figure> является блочным элементом, его содержимое представляет собой самостоятельный контент, который связан с основным содержимым страницы. Обычно он содержит картинки, диаграммы, фотографии, фрагменты кода или схемы, которые упоминаются в основном тексте, но которые без труда можно перенести на другую страницу или в приложение без ущерба для основного контента.
Элемент <figure> может содержать внутри себя элемент <figcaption>, который позволяет добавить подпись к контенту, он должен располагаться в качестве первого либо последнего дочернего элемента.
Атрибуты
Тег <figure> поддерживает Глобальные атрибуты и События
Стиль по умолчанию
figure { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; }
Пример
<figure> <img src="cartoon.jpg" alt="Картина" width="161" height="200"> <figcaption>Это картина.</figcaption> </figure>
Результат данного примера в окне браузера: