Which element is used to mark self-contained content such as illustrations, diagrams, photos, or code listings?

Which element is used to mark self-contained content such as illustrations, diagrams, photos, or code listings?

• A. section element
• B. figure element
• C. div element
• D. article element

Answer: (B)

The figure element is the semantic container for self-contained media like illustrations, diagrams, photos, or code listings. It signals that this block is a unit of content that can stand on its own and often pairs with a caption via figcaption to describe what’s shown. This makes the media easier to understand for both sighted users and assistive technologies, and it also helps with layout flexibility since the whole figure is treated as a single unit. Using this element rather than a generic container (div) or a thematically grouped section is important because it provides meaning: the content inside is a figure that supplements the surrounding text. An article is meant for a standalone, distributable piece of content, which is broader than just media.

The figure element is the semantic container for self-contained media like illustrations, diagrams, photos, or code listings. It signals that this block is a unit of content that can stand on its own and often pairs with a caption via figcaption to describe what’s shown. This makes the media easier to understand for both sighted users and assistive technologies, and it also helps with layout flexibility since the whole figure is treated as a single unit.

Using this element rather than a generic container (div) or a thematically grouped section is important because it provides meaning: the content inside is a figure that supplements the surrounding text. An article is meant for a standalone, distributable piece of content, which is broader than just media.