figure Description:
A figure defines a group of flow content, typically with a caption (but not required), that can be moved away from the primary flow of the document without affecting the meaning of the parent document.
The figure tag is new in HTML 5.
DTD: HTML5: <!doctype html>
figure Web Browser Support:
- Chrome 1, 2, 3, 4, 5
- Firefox 1, 2, 3, 4
- Internet Explorer 9
- Opera 9, 10, 11
- Safari 1, 2, 3, 4, 5
HTML Versions
figure Attributes:
figure End Tag:
The figure end tag, </figure>, is required.
figure Contents:
The HTML5 figure tag can contain flow content (which is flow elements and CDATA) followed by a figcaption or a figcaption followed by flow content.
Tags valid as content: Flow elements and figcaption.
figure Usage:
Tags valid as container: Flow elements
figure Special Notes:
The figure tag is usually used to connect an image to a caption, but it can contain any page contents that are directly related to the main contents of the document, but don't have to be maintained in the flow.
The figcaption tag is not required, but recommended to help describe the figure.
figure Examples:
A standard figure with an image.
<figure>
<img src="/library/graphics/html.gif" width=50 height=50 alt="Your HTML Guide" border="0">
</figure>
And with a caption
<figure>
<img src="/library/graphics/html.gif" width=50 height=50 alt="Your HTML Guide" border="0">
<figcaption>Your HTML Guide for About.com</figcaption>
</figure>
