Latest web development tutorials

HTML <figure> tag

Examples

Use <figure> element tags in the document an image:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

try it"

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9, Firefox, Opera, Chrome and Safari support <figure> tag.

Note: IE 8 or earlier versions of IE browser does not support <figure> tag.

Tag definitions and instructions

<Figure> tag specified separate stream content (images, graphics, photographs, code, etc.).

Content <figure> element should be associated with the main content, while the position of the element is independent with respect to the main content. If deleted, do not respond to the document flow impact.

Differences between HTML 4.01 and HTML5

<Figure> tag is new in HTML 5 tag.

Tips and Notes

Tip: <figcaption> element is used as a <figure> element defines the title.

Global Properties

<figure> tag supports HTML global properties .

Event Properties

<figure> tag supports HTML event properties .