<figcaption>
Published Aug 24, 2021Updated Sep 3, 2021
Contribute to Docs
The <figcaption>
semantic HTML element describes the media encapsulated within the <figure>
element.
Syntax
Developers will normally use <figcaption>
within the <figure>
element to group the media and description. This way, if a developer decides to change the position of the media, the description will follow along with it.
<figure><!-- An image, diagram, or code snippet goes inside figure --><figcaption>Some text describing the above</figcaption></figure>
For example:
<figure><img src="dota2.jpg" /><figcaption>This picture shows characters from the game Dota 2.</figcaption></figure>
Example
Suppose the current page wants to include an image and a image caption:
<!DOCTYPE html><html><head> </head><body><article><h2>Functional Programming in JavaScript</h2><p>One of the fun things we can do with functional programming inJavaScript is <b>currying</b>. Here we have an example of taking afunction with two inputs and turning it into a curried version:</p><!-- The figure element --><figure><img src="currying.gif" /><figcaption>The GIF shows the transition from a normal function to a curriedversion.</figcaption></figure></article></body></html>
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.