HTML :: Тег <figure>

В HTML тег <figure> (от англ. figure – фигура, рисунок) предназначен для выделения самостоятельного контента, связанного с содержимым страницы. Обычно контент, выделенный при помощи <figure>, используется как одно целое и содержит рисунки, иллюстрации, схемы, графики, диаграммы, куски кода и т.д. (короче, все то, что при перемещении в другое место документа не нанесет ущерб смысловому содержанию текущей части страницы). По умолчанию браузеры отображают элемент <figure> как блочный элемент.

Синтаксис

	<figure>
		<figcaption>...</figcaption>
	</figure>		  		
	
	Закрывающий тег: обязателен.

Атрибуты

Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/grouping-content.html#the-figure-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/figure

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<base href="https://site.name/">
	<title>Пример №1</title>
</head>
<body>
	   
  <figure>
    <p>Ох, уж эти роботы!</p>
	<img src="html_files/images/robot.png" alt="Робот">
    <figcaption>Робот Вася</figcaption>
  </figure>   
   	
</body>
</html>

Пример №1