7.7.4 base.grouping.figure Figures

Toggle example guides Toggle HTML markup

The <figure> element can be used to annotate illustrations, diagrams, photos, code listings, etc.

Optionally, a <figcaption> element inside the <figure> represents the caption of the figure.

Example
An illustration, diagram, photo, code listing, etc.
An illustration, diagram, photo, code listing, etc.
Figure 1
Markup: base/grouping/grouping-figure.twig 
<figure class="{{modifier_class}}">
  An illustration, diagram, photo, code listing, etc.
</figure>

<figure class="{{modifier_class}}">
  An illustration, diagram, photo, code listing, etc.
  <figcaption>Figure 1</figcaption>
</figure>
Source: base/grouping/_grouping.scss, line 95