<figure>: The HTML Figure Element

1 Description

The HTML <figure> element is used to create a self-contained piece of content with or without a caption. <figure> elements generally contain an image, diagram, chart, code, mathematical equation, or something of a similar nature.

See Also

See also the following elements which are related to the <figure> element.

  1. The <figcaption> element.

2 Examples

<!DOCTYPE html>
<html>
    <head>
        <title>figcaption Example Page</title>
    </head>
    <body>
        <h1>Zebra Photograph</h1>
        <figure>
            <img alt="Zebra Running In A Field" src="/image/zebra.jpg"/>
            <figcaption>A zebra running in a field.</figcaption>
        </figure>
    </body>
</html>

This document was last updated: