HTML5 Figure Element Tutorial

Figure Element

In this page, we have discussed Description, Usage, Attributes, Example and Result, Compatibility of HTML5 figure element.

The HTML figure element represents an image, illustration, diagram or piece of code. Often figure element is accompanied by figcaption element.


<!-- usage of figure -->
<img src="picture.jpg" alt="An example picture">
<!-- Usage of figure with figcaption -->
<img src="picture.jpg" alt="An example picture">
<figcaption>Caption for the example picture</figcaption>

Noteworthy features of figure element

Which kind of content can reside within figure element A figcaption element, followed by flow content; or flow content followed by a figcaption element.
Whether start and end tags are required Yes, both the start tag and the end tag are mandatory.
Which elements can contain figure element Any element that accepts flow elements.


This element has no other attributes than the global attributes, common to all elements.


<html lang="en">
<meta charset=utf-8>
<title>Example HTML5 figure element</title>
<img src="/images/w3logo5.gif" alt="logo">
<figcaption>This is the logo of w3resource.com </figcaption>


Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Supported) 4.0 (2.0) 9.0 11.0 4.0

Previous: HTML5 embed Element Tutorial
Next: HTML5 Figcaption Tag Tutorial

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.