HTML/Elements/figure

From W3C Wiki
< HTML‎ | Elements
Jump to: navigation, search

<figure>

The <figure> element represents some flow content.

Point

  • Some examples of cases:
    • annotate illustrations
    • diagrams
    • photos [Example A]
    • code listings...
  • When the <figure> element is referred to from the main content of the document, it enables such content to be moved away but without affecting the flow of the document. That's why authors should use labels to refer to figures, rather than such relative references (ex.: "See figure no.3" instead of "See below").
  • The <figure> element is able to have a caption, typically the <figcaption> element.

HTML Attributes

See global attributes.


Examples

Example A

[try it]

<figure>
  <figcaption>The Stata Center</figcaption>
  <img src="stata.jpg" alt="The Stata Center Building">
</figure>

Figure01.png

HTML Reference

The <figure> element was introduced in HTML5 - 4.5.11 The figure element.