Використовується для групування будь-яких елементів, наприклад, зображень та підписів до них . <figure> (від англ. figure — малюнок, ілюстрація) не повинен бути пов'язаний безпосередньо з основним вмістом документа та при його переміщенні в інше місце зміст тексту не повинен змінюватися. Зазвичай застосовується для ілюстрацій, фрагментів коду, схем, графіків, діаграм та ін.
Синтаксис
<figure> ... </figure>
Закриваючий тег
Обов'язковий.
Атрибути
Ні.
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FIGURE</title> <style> figure { background: #5f6a72; /* Колір тла */
padding: 10px; /* Поля навколо */
width: 150px; /* Ширина */
float: left; /* Блоки вишиковуються по горизонталі */
margin: 0 10px 10px 0; /* Відступи */
text-align: center; /* Вирівнювання по центру */
}
figcaption { color: #fff; /* Колір тексту */
}
</style>
</head>
<body> <article> <figure> <p><img src="image/thumb1.jpg" alt=""></p> <figcaption>Софійський собор</figcaption>
</figure> <figure> <p><img src="image/thumb2.jpg" alt=""></p> <figcaption>Польський костел</figcaption>
</figure>
</article>
</body>
</html>Результат цього прикладу показаний на рис. 1.
Мал. 1. Використання <figure>
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation ( Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як вона відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
- Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою. .
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває у постійній розробці та оновлюється регулярно.
Браузери
| 9 | 5 | 11.10 | 5.1 | 4 |