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