Тег HTML Figure - httpdoc.ru

HTML-тег рисунка

<figure> Тег HTML используется для разметки фотографии в документе на веб-странице. <figure> Тег HTML 5 может содержать группу схем, фотографий и т. Д. Мы также можем добавить подпись к фотографии с помощью <figcaption> тега.


HTML-тег рисунка

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Figure Tag </title> 	
</head>
<body>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut 

labore et dolore magna aliqua. </p>

<figure>
  <img src="PUBG.png" alt="HTML Image" width="500" height="300">
</figure>

</body>
</html>

Выход

HTML Figure Tag Examples

Lorem ipsum dolor sit amet, conctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud упражнение ullamco labouris nisi ut aliquip ex ea Commodo Concequat. Duis aute irure dolor в репрехендерит в сладострастном velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, загорелся in culpa qui officia deserunt mollit anim id est Laborum.

HTML изображение

Примечание: <цифра> тег не поддерживается в Internet Explorer 8 и более ранних версий.

HTML Figcaption

<figcaption> Элемент используется , чтобы обеспечить подпись к изображению. Это необязательный тег. <figcaption> Внутри <figure> тега может быть вложен только один элемент .

Тег заголовка рисунка HTML

Пример
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> HTML Figcaption Tag </title> 	
</head>  
<body>

<h2>Places to Visit</h2>

<p>Puglia's most famous sight is the unique conical houses (Trulli) found in the area around 

   Alberobello, a declared UNESCO World Heritage Site.</p>

<figure>
  <img src="HTML-Image.png" alt="Html Image" style="width:100%">
  <figcaption>Fig.1 - HTML, Computer Image. </figcaption>
</figure>

</body>
</html>

Выход

HTML Figcaption Tag Examples
HTML-изображение
Рис.1 - HTML, компьютерное изображение.

Поддержка браузера

Элемент
Microsoft Edge browser.png Край
Chrome browser.png Хром
Firefox browser.png Fire Fox
Opera browser.png Опера
safari browser.png Сафари
<figure>
да
да
да
да
да