Media & Embedded Content

<figure> & <figcaption>

Pair an image, diagram, or code block with a caption.

1Self-Contained Content

<figure> groups standalone media with its caption. The caption is in <figcaption> and can be the first or last child.

Example Code

<figure>
  <img src="chart.png" alt="Q4 sales chart" />
  <figcaption>Figure 1. Quarterly sales for 2026.</figcaption>
</figure>

Finished reading?

Mark this topic as complete to track progress.