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 is a example of figure and figcaption:

mermaid monster tail Hans Arnold
mermaid monster tail Hans Arnold

Here is the HTML code:

<figure>
<img src="i/mermaid_monster_tail_Hans_Arnold.png" alt="mermaid monster tail Hans Arnold" width="1600" height="996" />
<figcaption>
mermaid monster tail Hans Arnold
</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) don't support it. Google Chrome (10.0.648.151), Firefox 4.0, IE9, all support it.

JS in Depth
XAH  BUY NOW

HTML Basics

HTML Table

Misc

HTML4 Frameset