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;
}