HTML <figcaption> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee

Description

The <figcaption> HTML tag is used within the <figure> element to provide a descriptive caption or title for an accompanying image, diagram, illustration, or any other content. It helps improve web accessibility by associating a clear text description with the visual content, making it easier for screen readers and search engines to understand the context and purpose of the image. The <figcaption> tag is typically placed immediately after the <img> or other media elements within a <figure> container, ensuring that the caption is visually and semantically linked to the content it describes.

Properties

Permitted Parents: A <figure> element; the <figcaption> element must be its first or last child.
Content: Block, inline and text
Start/End Tags: Start tag: required, End tag: required

Example

HTML

<figure>

  <img src="images/sunset.jpg" alt="Sunset" width="300" height="226">

  <figcaption>Figure 1 - Painting of a sunset.</figcaption>

</figure>

Result

Editor