<figure>
The <figure> tag creates a numbered figure with a caption and a primary
visual object such as an <image>, <video>,
or <sidebyside>.
Use <figure> when the content should be numbered, titled, and available for
cross-references.
Syntax
Variants
There are 2 variants of <figure>.
Attributes
| Attribute | Required? | Values |
|---|---|---|
component = "…" | optional | string |
label = "…" | optional | string |
landscape = "…" | optional | "yes""no" |
xml:id = "…" | optional | string |
xml:lang = "…" | optional | string |
Children
The following may appear as children:<audio> <caption> <idx> <image> <p> <sbsgroup> <score> <sidebyside> <title> <video> Parents
This element may appear as an immediate child of the following elements:<activity> <algorithm> <answer> <appendix> <article> <case> <chapter> <claim> <computation> <conclusion> <context> <convention> <corollary> <data> <discussion> <example> <exercise> <exploration> <fact> <handout> <hint> <identity> <insight> <introduction> <investigation> <lemma> <li> <note> <observation> <opinion> <page> <paragraphs> <problem> <project> <proof> <proposition> <question> <remark> <section> <slide> <solution> <statement> <status> <subsection> <subslide> <subsubsection> <suggestion> <task> <technology> <theorem> <warning> <worksheet> Attributes
| Attribute | Required? | Values |
|---|---|---|
component = "…" | optional | string |
label = "…" | optional | string |
landscape = "…" | optional | "yes""no" |
xml:id = "…" | optional | string |
xml:lang = "…" | optional | string |
Children
The following may appear as children:<caption> <idx> <image> <p> <score> <title> Parents
This element may appear as an immediate child of the following elements:<sidebyside> Examples
<figure xml:id="fig-parabola">
<caption>A graph of a parabola.</caption>
<image source="images/parabola.png" width="60%">
<description>
<p>A parabola opening upward with vertex at the origin.</p>
</description>
</image>
</figure><figure>
<caption>Two views of the same region.</caption>
<sidebyside widths="45% 45%">
<image source="images/map.png" width="100%" decorative="yes" />
<image source="images/satellite.png" width="100%"
decorative="yes" />
</sidebyside>
</figure>