The <figure> tag is used to mark up one or more images in a HTML5 document. It specifies a self-contained content which is independent from the main flow of the document. So if the <figure> element is removed then there is no effect in the output as well as the flow of the document. This tag is also newly introduced in HTML5.

Web browser support:

HTML5 <figure> tag is supported by latest versions of all web browsers. Internet Explorer 8 or earlier versions of Internet Explorer do not support this element.

There are some HTML5 <figure> element examples given below:

The <figure> tag with an image.

<figure>
    <img src="sunrise.jpg" alt="The photo of Sunrise" width="400" height="300">
</figure>

The <figure> tag with multiple images.

<figure>
    <img src="sunset.jpg" alt="The photo of Sunset" width="400" height="300">
    <img src="sunrise.jpg" alt="The photo of Sunrise" width="400" height="300">
</figure>

S Ghosh

Leave a Reply

Your email address will not be published. Required fields are marked *

4 − one =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>