Which HTML5 element is most appropriate for a self-contained composition such as a blog post or news item?

Which HTML5 element is most appropriate for a self-contained composition such as a blog post or news item?

• A. Section
• B. Aside
• C. Article
• D. Div

Answer: (C)

Semantic clarity for standalone content: the article element marks a self-contained composition that could be distributed independently, such as a blog post or a news item. It signals to browsers, search engines, and assistive technologies that this block forms a complete piece of content with its own heading and metadata, and it can stand on its own or be syndicated. Inside an article you typically include a header with the title, the body text, images, and a footer with metadata like author or date, all contained as a single, coherent unit. A section, by contrast, is a thematic grouping within a page that’s part of a larger document and usually needs a heading to define its purpose. An aside represents content related to the main content but separate from it, like a sidebar or pull-quote. A div is a non-semantic container with no inherent meaning, used mainly for styling or scripting. Because the goal here is to mark content that stands on its own as a complete item, the article element is the best fit.

Semantic clarity for standalone content: the article element marks a self-contained composition that could be distributed independently, such as a blog post or a news item. It signals to browsers, search engines, and assistive technologies that this block forms a complete piece of content with its own heading and metadata, and it can stand on its own or be syndicated. Inside an article you typically include a header with the title, the body text, images, and a footer with metadata like author or date, all contained as a single, coherent unit.

A section, by contrast, is a thematic grouping within a page that’s part of a larger document and usually needs a heading to define its purpose. An aside represents content related to the main content but separate from it, like a sidebar or pull-quote. A div is a non-semantic container with no inherent meaning, used mainly for styling or scripting. Because the goal here is to mark content that stands on its own as a complete item, the article element is the best fit.