Cyber Week

Save big!

All courses under $5 - for a limited time!

Code has been added to clipboard!

HTML figure Tag

Reading time 1 min
Published Mar 19, 2019
Updated Sep 30, 2019

HTML figure Tag: Main Tips

  • The HTML <figure> tag specifies self-contained content.
  • <figcaption> adds an optional caption for this content. It can be the first or last child of <figure> HTML element.

Purpose and Use of figure

<figure> HTML defines self-contained content. The <figure> element usually represents images, code snippets, diagrams, illustrations, etc. Learn how to add an image in HTML with <img> element.

Note: self-contained elements indicate that they can be removed without affecting the flow of the document.

Example
<figure>
  <figcaption>Logo</figcaption>
  <img src="image.png" alt="Logo" width="300" height="300">
</figure>

Note: the <figure> tag has no specific attributes, but supports all global ones.

Browser support

Browser image
Chrome
8+
Browser image
Edge
All
Browser image
Firefox
4+
Browser image
IE
9+
Browser image
Opera
11+
Browser image
Safari
5.1+

Mobile browser support

Browser image
Chrome
All
Browser image
Firefox
4+
Browser image
Opera
11+
Browser image
Safari
5.1+