Published Aug 24, 2021Updated Sep 3, 2021
Contribute to Docs

The <figcaption> semantic HTML element describes the media encapsulated within the <figure> element.


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.

<!-- An image, diagram, or code snippet goes inside figure -->
<figcaption>Some text describing the above</figcaption>

For example:

<img src="dota2.jpg" />
<figcaption>This picture shows characters from the game Dota 2.</figcaption>


Suppose the current page wants to include an image and a image caption:

<!DOCTYPE html>
<head> </head>
<h2>Functional Programming in JavaScript</h2>
One of the fun things we can do with functional programming in
JavaScript is <b>currying</b>. Here we have an example of taking a
function with two inputs and turning it into a curried version:
<!-- The figure element -->
<img src="currying.gif" />
The GIF shows the transition from a normal function to a curried

All contributors

Looking to contribute?

Learn HTML on Codecademy