/html/figure:> Группировка объектов_
Элемент figure
Синтаксис
HTML
<figure> ... </figure>
Описание
Элемент figure
(от англ. "figure" ‒ «рисунок») группирует объекты (картинки, фото, схемы, заголовки/описания).
Примечание
Установить заголовок или описание объекту расположенному внутри элемента figure
можно при помощи элемента figcaption
.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
5.0 | 4.4.11 The figure element |
5.1 | 4.4.11. The figure element |
XHTML | |
1.0 | |
1.1 |
Атрибуты
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент figure</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример с элементом "figure"</h1>
<figure>
<img src="/favicon.ico" style="width: 256px; height: 256px;" alt="Эмблема ProgrammerBook.ru">
<figcaption>Рис 1. Эмблема сайта ProgrammerBook.ru</figcaption>
</figure>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент figure</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример с элементом "figure"</h1>
<figure>
<img src="/favicon.ico" style="width: 256px; height: 256px;" alt="Эмблема ProgrammerBook.ru">
<figcaption>Рис 1. Эмблема сайта ProgrammerBook.ru</figcaption>
</figure>
</body>
</html>
Элемент figure