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 | |||||
12 | 8 | 4 | 11 | 5.1 |
Tablets / Mobile | |||||
18 | 4 | 11 | 5 | 1 | 4.4 |
Last updated by CSSPortal on: 30th September 2023