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.

W3Tutors.com is optimized for learning, testing and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use and privacy policy.