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 the first or last child of the figure tag.

Browser Support

As of , all latest versions of major browsers supports it. Safari 5.1 now supports 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 Basics
  4. JS in Depth
  5. JS Reference
  6. DOM
  7. SVG
  8. JS Misc