САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <figure>


Пример

Используйте элемент <figure> для разметки фотографии в документе:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Попробуйте сами »

Определение и использование

Тег <figure> определяет автономный контент, например иллюстрации, диаграммы, фотографии, списки кодов и т. д.

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


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

Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент.

Элемент
<figure> 6.0 9.0 4.0 5.0 11.1

различия между HTML 4.01 и HTML5

Тег <figure> новый в HTML5.


Советы и примечания

Совет: Элемент <figcaption> используется для добавления заголовка для элемента <figure>.

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

Тег <figure> также поддерживает Глобальные атрибуты в HTML.


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

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


Связанные страницы

HTML DOM справочник: Объект Figure


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <figure> со следующими значениями по умолчанию:

Пример

figure {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
Попробуйте сами »