<figure>
The figure element represents self-contained content such as an image, diagram, or code listing, optionally with a caption.
Syntax
<figure>...<figcaption>...</figcaption></figure>Examples
<figure>
<img src="/chart.png" alt="Sales trend 2020-2026">
<figcaption>Figure 1. Annual sales growth.</figcaption>
</figure>
Output
Renders an image with an associated caption beneath it.
Notes
The <figcaption> programmatically labels the figure. The figure can be referenced from the main text and moved without affecting flow.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 8.0 |
| firefox | 4.0 |
| safari | 5.1 |
| edge | 12 |