HTML <figure> tag

Updated: 05/08/2017 by Computer Hope

HTML figure tagWhen 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.

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

Example code

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

Example result

Computer Hope Guy
Figure A - Our Computer Hope guy.

Attributes

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.

Compatibility

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

Browser, Code, Compatibility, Diagram, HTML article tag, HTML area tag, Illustration, Image