Which HTML5 element would you use to define a distinct, standalone piece of content like a blog post?

Which HTML5 element would you use to define a distinct, standalone piece of content like a blog post?

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

Answer: (A)

To mark a distinct, standalone piece of content like a blog post, you want a semantic wrapper that signals self-contained content. The article element fits this role because it represents a self-contained composition that could be distributed independently, such as a blog post, a news article, or a forum entry. You can place a header with a title, followed by paragraphs and media inside, and you can have multiple articles on a single page. The other options serve different roles: a section is a thematic grouping within the page, an aside is tangential content like a sidebar, and the main element denotes the primary content of the document. Using an article for a blog post helps browsers, screen readers, and search engines understand the structure and the content’s standalone nature.

To mark a distinct, standalone piece of content like a blog post, you want a semantic wrapper that signals self-contained content. The article element fits this role because it represents a self-contained composition that could be distributed independently, such as a blog post, a news article, or a forum entry. You can place a header with a title, followed by paragraphs and media inside, and you can have multiple articles on a single page. The other options serve different roles: a section is a thematic grouping within the page, an aside is tangential content like a sidebar, and the main element denotes the primary content of the document. Using an article for a blog post helps browsers, screen readers, and search engines understand the structure and the content’s standalone nature.