ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <figure>

❮ Prev Полный HTML справочник Next ❯

Пример

Используйте элемент <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;
}
Попробуйте сами »
❮ Prev Полный HTML справочник Next ❯