HTML5: Your visual blueprint™ for designing rich web pages and applications

DECLARE FIGURE AND ASIDE LAYOUT ELEMENTS

The figure element enables you to define a container around an image, table, or code example that is used as a supporting object to complement an article. An aside element is similar to a figure, except that it is typically smaller and holds only a key quote or sentence from the article’s copy. Both elements are used to draw a reader’s attention to an article, punctuating a single point, or demonstrating a single example, that is described in detail by the article’s main text.

<figure>
  [image, table, code, etc.]
</figure>

You can add an optional caption to a figure with a <figcaption> tag. The figcaption element is described further in Chapter 3, “Using New HTML5 User Interface Tags and Attributes.” ...