DEV Community

Cover image for HTML tags | figure-figcaption
Carlos Espada
Carlos Espada

Posted on • Updated on

HTML tags | figure-figcaption

<figure> is used to specify standalone content that may have an occasional caption indicated with <figcaption>.

The content type can be a photo, an illustration, a diagram, a quote, a code snippet... and even if is referenced in the main flow of a document, it can be moved to another part of the document or to an appendix without affecting the main flow.

The outline of the <figure> content is excluded from the main outline of the document.

The <figcaption> can be the first or last child of the <figure>. If there is more than one, the first one that appears will be taken into account.

If it exists, the <figcaption> provides the accessible name for the parent <figure>. <figure> has an implicit ARIA role figure.

  • Type: block / block
  • Self-closing: No / No
  • Semantic value: Yes / Yes

Definition and example <figure> - Definition and example <figcaption> | Support <figure> - Support <figcaption>

Top comments (0)