<figcaption>: The Figure Caption element

BaselineWidely 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> anaccessible description.

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 #c0c0c0 solid;  display: flex;  flex-flow: column;  padding: 5px;  max-width: 220px;  margin: auto;}img {  max-width: 220px;  max-height: 150px;}figcaption {  background-color: #222;  color: #fff;  font: italic smaller sans-serif;  padding: 3px;  text-align: center;}

Attributes

This element only includes theglobal 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`