The <figure> Tag in HTML 5

The <figure> tag provides a container for content that is equivalent to a figure or diagram in a book. It can be used to group a caption with one or more images, a block of code or other content. The content of a figure is often referenced in the main text of an article and is therefore more essential than content that might be included in an aside element.

The <figure> tag is one of the embedded content tags in HTML. It is also one of the sectioning root tags, which means that the sections and headings inside the figure element are not included in the outline of any higher level sections.

Figure with caption

This is an actual working example of the <figure> tag example code below.