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>).

Example

<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>
⚠️ **GitHub.com Fallback** ⚠️