HTML <figure> Tag - CSS Portal

Description:

The HTML <figure> tag is used for annotating illustrations, diagrams, photos, code listings, etc.

You can use the <figure> element to associate a caption together with some embedded content, such as a graphic or video.

Example Code:

<figure>
  <img src="image/sunset.jpg" alt="Sunset" width="300" height="226">
  <figcaption>Figure 1 - Painting of a sunset.</figcaption>
</figure>

Result:

Attributes:

None

Global Attributes:

The <figure> tag also supports the Global Attributes in HTML5

Event Attributes:

The <figure> tag also supports the Event Attributes in HTML5

Last updated on 2 August 2018 By Rene Spronk

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.