The HTML <figure> element represents self-contained content, like illustrations, diagrams, photos, code listings, etc. frequently with a caption ( <figcaption> ) , and is typically referenced as a single unit. A <figcaption> element, followed by flow content; or flow content followed by a <figcaption> element; or flow content. 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.
