The HTML Figure Element (<figure>) represents self-contained content, frequently with a caption (
, and is typically referenced as a single unit. While it is related to the main flow, its position is independent of the main flow. Usually this is an image, an illustration, a diagram, a code snippet, or a schema that is referenced in the main text, but that can be moved to another page or to an appendix without affecting the main flow.
|Permitted content||A |
|Tag omission||None, both the start tag and the end tag are mandatory|
|Permitted parent elements||Any element that accepts flow elements.|
|Normative document||HTML5, section 4.5.11|
This element has no other attributes than the global attributes, common to all elements.
This element implements the
<!-- Just a figure --> <figure> <img src="picture.jpg" alt="An awesome picture"> </figure> <!-- Figure with figcaption --> <figure> <img src="picture.jpg" alt="An awesome picture"> <figcaption>Caption for the awesome picture</figcaption> </figure>
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari|
|Basic support||8||4.0 (2.0)||9.0||11.10||5.1|
|Feature||Android||Firefox Mobile (Gecko)||IE Mobile||Opera Mobile||Safari Mobile|
|Basic support||3.0||4.0 (2.0)||9.0||11.0||5.1 (iOS 5.0)|