```"> ```" />
Easy Tutorial
❮ Ref Av Dom Met Element Addeventlistener ❯

HTML <figure> Tag

Example

Using the <figure> element to mark an image in the document:

<figure>
  <img decoding="async" src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

Browser Support

IE 9, Firefox, Opera, Chrome, and Safari support the <figure> tag.

Note: IE 8 or earlier versions of IE do not support the <figure> tag.


Tag Definition and Usage

The <figure> tag specifies self-contained content (such as images, diagrams, photos, code, etc.).

The content of the <figure> element should be related to the main content, yet independent of it. If removed, it should not affect the flow of the document.


Differences Between HTML 4.01 and HTML5

The <figure> tag is new in HTML5.


Tips and Notes

Tip: The <figcaption> element is used to define a caption for the <figure> element.


Global Attributes

The <figure> tag supports HTML's global attributes.


Event Attributes

The <figure> tag supports HTML's event attributes.

❮ Ref Av Dom Met Element Addeventlistener ❯