ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



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 reference: Figure Object


Параметры CSS по умолчанию

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

Пример

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}