English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Элемент HTML <figure> представляет собой段 независимого контента, часто используется вместе с описанием (caption) <figcaption>, и действует как независимая единица цитирования. Когда он относится к основному потоку контента (main flow), его положение независимо от основного текста. Этот тег часто используется для ссылок на изображения, иллюстрации, таблицы, фрагменты кода и т.д., которые перемещаются в приложение или на другую страницу, не влияя на основной текст.
Используйте элемент <figure> для маркировки изображения в документе:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Сайт основного руководства (oldtoolbag.com)</title> </head> <body> <figure> <img src="views.png" alt="views" width="304" height="228"> </figure> </body> </html>Проверьте ‹/›
IEFirefoxOperaChromeSafari
IE 9、Firefox、Opera、Chrome и Safari поддерживают тег <figure>。
Комментарий：Браузеры IE 8 и более ранние версии не поддерживают тег <figure>.
Тег <figure> определяет независимое потоковое содержимое (изображения, графики, фотографии, код и т.д.).
Содержимое элемента <figure> должно быть связано с основным содержимым, при этом положение элемента относительно основного содержимого должно быть независимым. Если элемент удален, он не должен влиять на поток документа.
Обычно, <figure> является изображением, иллюстрацией, графикой, фрагментом кода и т.д., который цитируется в основном тексте документа, но может быть перемещен в другое место или приложение без влияния на основной текст.
Заголовок можно связать с элементом <figure>, добавив <figcaption> (в качестве первого или последнего подэлемента). Первый или последний элемент <figcaption> отображается в качестве заголовка изображения.
Тег <figure> является новым тегом в HTML 5.
Совет:<figcaption> Элемент используется для определения заголовка для элемента <figure>.
Поддержка тега <figure> Глобальные свойства HTML.
Поддержка тега <figure> Событийные свойства HTML.