figure - Geonovum/respec GitHub Wiki
Specification figures are indicated using the <figure>
element, with a nested <figcaption>
. They can occur anywhere. The <figure>
and <figcaption>
elements have special styling. The style sheet allows the document to include a rule for auto-generating the "Figure #" marker in CSS.
Figures can be automatically linked to using a link pointing to their ID with no content (e.g. <a href='#foo-figures'></a>
).
<section id="buckets">
<figure id="flowchart">
<img src="flowchart.svg" alt="">
<figcaption>The water flows from bucket A to bucket B.</figcaption>
</figure>
<p>The flowchart shown in <a href="#flowchart"></a> is quite impressive.</p>
</section>