HTML: Figure Tag

By Xah Lee. Date: . Last updated: .

figure tag is used for including figures as in a book. It can be {illustration, image, photo, video, animation, table, code example, …}.

figcaption tag must used inside figure, as first or last item. It is for figure caption.

Here's a example of figure and figcaption:

css is awesome mug 2009
CSS is Awesome mug.

Here's the HTML code:

<figure>
<img src="i/css_is_awesome_mug_2009.jpg" alt="css is awesome mug 2009" width="700" height="375" />
<figcaption>CSS is Awesome</figcaption>
</figure>

Warning: the figcaption tag must be the first or last child of the figure tag.

Browser Support

As of , all major browsers support it.

As of Safari (5.0.4) and Opera (11.01) doesn't support it. Google Chrome (10.0.648.151), Firefox 4.0, IE9, all support it.

Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Reference
  5. DOM
  6. SVG
  7. Web Dev Blog