<figure>

Example

Usage

<figure>
  <img alt="palm trees" src="palm-trees.jpg" />
  <figcaption>Palm trees in Olhos de Água, Portugal</figcaption>
</figure>

Description

A <figure> represents some self-contained content that has some reference to the content of the page.

The difference between this and <img> or other content is that <figure> can be moved anywhere in the document and still make sense on its own. Others rely on the context surrounding them to have meaning.

An optional <figcaption> can add a visual description or reference to the figure being displayed.