HTML5 <figure> Tag

Example

A section in a document, what is QcTutorials:

<figure>
  <h1>QcTutorials</h1>
  <p>Learn Programming through quizzes and references</p>
</figure>
Code it Online »

Definition and Usage

The <figure> tag specifies self-contained flow content (like images, diagrams, photos, code, etc).

Content of the figure element should be relevant to the main content, but if it was removed it should not affect the flow of the document.

Differences Between HTML 4.01 and HTML5

The <figure> tag is new in HTML5

Tips and Notes

Hint: Use the <figcaption> element to add a caption to the figure.

Standard Attributes

The <figure> tag also supports the Standard Attributes in HTML5.

Event Attributes

The <figure> tag also supports the Event Attributes in HTML5.


Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!