HTML figure Tag

HTML <figure> Tag: The HTML figure tag describes the self-contained content. While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document.

Example: Photos, diagrams, illustrations, code listings, etc.

HTML<figure>Tag

This HTML<figure>tag supports both the global and the event attributes. This tag is new in HTML5.

Syntax: <figure> Text </figure>

Browser compatibility

The HTML<figure> tag is supported by different types of browsers.

  • Chrome-6.0
  • Firefox-4.0
  • Opera-11.1
  • Safari-5.0
  • Internet Explorer-9.0.

Example:

<!DOCTYPE html>
<html>
<body>
<figure>
  <img src="https://tutorials.freshersnow.com/wp-content/uploads/2019/04/HTML-Tutorial.jpg" alt="Freshersnow" width="304" height="228">
</figure>
<p><strong>Note:</strong> Learn Tutorials
For Free. For Everyone. Forever.</p>
</body>
</html>
​
​

Output:

HTML figure tag