Advertisement

HTML <figure> tag

Examples

Illustration used as document images:

<figure>
  <p>黄浦江上的的卢浦大桥</p>
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

Try it yourself

Browser Support

IE Firefox Chrome Safari Opera

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

Note: 8 and earlier versions of Internet Explorer do not support the <figure> tag.

Definition and Usage

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

Content elements should figure associated with the main content, but if it is removed, do not respond to the document flow impact.

Browser Support

All major browsers support <figure> tag.

HTML 4.01 and HTML 5 differences between

<Figure> tag is new in HTML 5 tag.

Tips and Notes

Tip: Use <figcaption> element to add a figure caption (caption).

Global Properties

<figure> tag supports HTML in the global properties .

Event Properties

<figure> tag supports HTML in the event properties .