What does the <figure> tag primarily represent?

What does the <figure> tag primarily represent?

• A. A sequence of table rows
• B. Self-contained content like illustrations, diagrams, or code listings
• C. A container for navigation links
• D. A container for metadata about the page

Answer: (B)

The figure element is a semantic container for a self-contained piece of content that can stand on its own and relates to the surrounding text. It’s commonly used for illustrations, diagrams, photos, charts, or code listings, and it often includes a caption that describes the content. This grouping helps convey the relationship between the content and its description to screen readers and search engines, and it allows the whole block to be treated as a single unit, separate from the main narrative. It isn’t meant for a sequence of table rows, which belong in table structures; it isn’t a container for navigation links, which would use a navigation element; and it isn’t a place for metadata about the page, which lives in the head via meta tags. So the best description is that it represents self-contained content like illustrations, diagrams, or code listings.

The figure element is a semantic container for a self-contained piece of content that can stand on its own and relates to the surrounding text. It’s commonly used for illustrations, diagrams, photos, charts, or code listings, and it often includes a caption that describes the content. This grouping helps convey the relationship between the content and its description to screen readers and search engines, and it allows the whole block to be treated as a single unit, separate from the main narrative.

It isn’t meant for a sequence of table rows, which belong in table structures; it isn’t a container for navigation links, which would use a navigation element; and it isn’t a place for metadata about the page, which lives in the head via meta tags. So the best description is that it represents self-contained content like illustrations, diagrams, or code listings.