<figcaption>: The Figure Caption element
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The <figcaption> HTML element represents a caption or legend describing the rest of the contents of its parent <figure> element, providing the <figure> an accessible name.
Try it
<figure> <img src="/shared-assets/images/examples/elephant.jpg" alt="Elephant at sunset" /> <figcaption>An elephant at sunset</figcaption> </figure> figure { border: thin silver solid; display: flex; flex-flow: column; padding: 5px; max-width: 220px; margin: auto; } img { max-width: 220px; max-height: 150px; } figcaption { background-color: #222222; color: white; font: italic smaller sans-serif; padding: 3px; text-align: center; } Attributes
This element only includes the global attributes.
Examples
Please see the <figure> page for examples on <figcaption>.
Technical summary
| Content categories | None. |
|---|---|
| Permitted content | Flow content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | A <figure> element; the <figcaption> element must be its first or last child. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | group, none, presentation |
| DOM interface | HTMLElement |
Specifications
| Specification |
|---|
| HTML # the-figcaption-element |
Browser compatibility
Loading…
See also
- The
<figure>element.