Use the figure element to group images and tables with captions, summaries and description
The figure element can be used to encapsulate images, tables, code snippets and other content
with a related caption, description and/or associated content elements.
The element should only be used for secondary content that can be read separately from the main narrative.
Do not wrap every img tag in a figure, for example, only the ones that are
offset from the narrative.
Being able to programmatically determine the caption for a figure is another useful feature introduced in
HTML5. As captions are often placed under the content of the figure, users in the past have often had
no context for the figure until reaching the descriptive text that followed the image or table.
The figcaption element can now be used to mark up the caption. This element must be the very
first or last in the figure to be valid to the HTML5 definition.