The best HTML <figure> tag Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Tag definitions and instructions,Differences between HTML 4.01 and HTML5,Tips and Notes,Global Properties,Event Properties,

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>


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 .

HTML <figure> tag
10/30