Use a <figure> element to mark up a photo in a document:
The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document.
The numbers in the table specify the first browser version that fully supports the element.
Element | |||||
---|---|---|---|---|---|
<figure> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
The <figure> tag is new in HTML5.
Tip: The <figcaption> element is used to add a caption for the <figure> element.
The <figure> tag also supports the Global Attributes in HTML.
The <figure> tag also supports the Event Attributes in HTML.
HTML DOM reference: Figure Object
Most browsers will display the <figure> element with the following default values: