The HTML figure tag

Aug 18, 2019

Learn how to use the HTML figure tag with figcaption to display an image alongside its caption, a semantic way to group media and its description.

~~~

Often used along with the img tag is the figure tag.

figure is a semantic tag often used when you want to display an image with a caption. You use it like this:

<figure>
    <img src="dog.png"
         alt="A nice dog">
    <figcaption>A nice dog</figcaption>
</figure>

The figcaption tag wraps the caption text.

~~~