The HTML5 <figure> tag is primarily used for adding self-contained content within the document. It is utilized for placing diagrams, images, code listings and illustrations.
The HTML5 <figure> tag is newly introduced in HTML5. Hence, this is not recognized nor used in HTML4.01.
This is an example of how the HTML5 <figure> tag is used:
<figure>
<img
src="MyFigureHouse.jpg"
alt="My Fugure House"
width="300"
height="200"
/>
</figure>
There should not be any problems when it comes to using the HTML5 <figure> tag. It is recognized by the major web browsers such as Internet Explorer, Firefox, Google Chrome, Safari and Opera. The HTML5 <figure> tag is also capable of supporting the Event Attributes and Global Attributes in HTML5.