HTML5 <figure> Tag

Example

A section in a document, explaining what WWF is:

<figure>
  <h1>WWF</h1>
  <p>The World Wildlife Foundation was born in 1961...</p>
</figure>

Try it yourself »

Definition and Usage

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

The content of the figure element should be relevant to the main content, but if it was 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: Use the <figcaption> element to add a caption to the figure.


Standard Attributes

The <figure> tag also supports the Standard Attributes in HTML5.


Event Attributes

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