Элемент <figure> представляет собой некоторую единицу содержимого, необязательно с заголовком, которая является автономной и на которую обычно ссылаются как на одну единицу. Обычно это изображение, иллюстрация, диаграмма или фрагмент кода, на который есть ссылка в основном тексте.

Тип: Block
Контент: Элемент <figcaption>, за которым могут следовать блочные, строчные элементы и текст
Открывающий тег: Обязательный
Закрывающий тег: Обязательный
Версия: Новый в HTML5

Синтаксис

Базовый синтаксис тега <figure> выглядит следующим образом:

HTML / XHTML: <figure> ... </figure>

Примеры написания кода тега <figure>:

<figure>
    <img src="discovery.jpg" alt="Space Shuttle">
    <figcaption>«Дискавери» — многоразовый транспортный космический корабль НАСА</figcaption>
</figure>

Содержимое элемента <figure>, связано с основным потоком, но его положение не зависит от него, и его можно удалить из основного потока документа, не влияя на его смысл.

Специальные атрибуты тега

Тег <figure> не имеет специальных атрибутов.

Глобальные атрибуты

Как и все другие HTML-теги, тег <figure> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <figure> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

Тег <figure> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.