HTML <figure> tag

Updated: 11/13/2018 by Computer Hope
HTML figure tag

When writing in HTML, the <figure> tag is a block element used to designate an area of self-contained content that does not affect the main flow of the article. It is useful with items like diagrams, illustrations, images, and sections of computer code. The following sections contain information about the <figure> tag, including an example of it in use, as well as related attributes and browser compatibility.


The <figcaption> tag can be used to add a caption to a figure.

Example of <figure> code

<img src="../../chguy.gif" width="57" height="120" alt="Computer Hope Guy">
<figcaption>Figure A - Computer Hope guy.</figcaption> </figure>

Example result

Computer Hope Guy
Figure A - Computer Hope guy.


Within an HTML tag, an attribute dictates certain aspects of an HTML element. Attributes are made up of a name and value pair. While the <figure> tag does not have any unique attributes, it does utilize all of the standard attributes.


Edge Internet Explorer Firefox Safari Opera Chrome
All versions 9.0+ 4.0+ 5.1+ 11.1+ 8.0+

Browser, Code, Compatibility, Diagram, HTML area tag, HTML article tag, Illustration, Image, Web design terms