/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