html.okpython.net
HTML и CSS для начинающих

HTML :: Тег <figure>

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

Синтаксис

	<figure>
		<figcaption>...</figcaption>
	</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