HTML figure Tag: Main Tips
- The HTML
<figure>tag specifies self-contained content.
- <figcaption> adds an optional caption for this content. It can be the first or last child of
Theory is great, but we recommend digging deeper!
Purpose and Use of figure
<figure> HTML defines self-contained content. The
<figure> element usually represents images, code snippets, diagrams, illustrations, etc. Learn how to add an image in HTML with <img> element.
Note: self-contained elements indicate that they can be removed without affecting the flow of the document.
<figure> <figcaption>Logo</figcaption> <img src="image.png" alt="Logo" width="300" height="300"> </figure>
Note: the <figure> tag has no specific attributes, but supports all global ones.