HTML <figcaption> Tag

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

<figure>
<img src="images/sunset.jpg" alt="Sunset" width="300" height="226">
<figcaption>Figure 1 - Painting of a sunset.</figcaption>
</figure>

Attributes

None

Global Attributes

The <figcaption> tag also supports the Global Attributes in HTML5

Event Attributes

The <figcaption> tag also supports the Event Attributes in HTML5

Browser Support

The following table will show you the current browser support for the HTML <figcaption> tag.

Desktop
Edge Chrome Firefox Opera Safari
1284115.1
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
18411514.4

Last updated by CSSPortal on: 30th September 2023