Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

HTML5 <figure> tag


May 03, 2021 HTML5


Table of contents


Mark an image in the document with the element:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Try it out . . .

Browser support

HTML5 <figure> tag HTML5 <figure> tag HTML5 <figure> tag HTML5 <figure> tag HTML5 <figure> tag

IE 9, Firefox, Opera, Chrome, and Safari support the hashtags.

Note: IE 8 or earlier, IE browsers do not support the label.


Label definition and instructions for use

Labels specify independent streaming content (images, charts, photos, codes, etc.).

The content of the element should be relevant to the main content, and the position of the element is independent of the main content. If deleted, the document flow should not be affected.


The difference between HTML 4.01 and HTML5

The label is the new label in HTML 5.


Tips and comments

Tip: The element is used to define the title for the element.


Global properties

The label supports the global properties of HTML.


The event property

The tag supports the event properties of HTML.

Attention:

The outline of the element content is excluded from the main outline of the document.

You can associate a title (as its first or last child element) by inserting a .lt;figcaption in the element.