Which HTML element is semantic and suitable for self-contained content like a post or article?

Which HTML element is semantic and suitable for self-contained content like a post or article?

• A. Div
• B. Span
• C. Article
• D. Header

Answer: (C)

Semantic HTML helps browsers and assistive technologies understand what each block of content represents. For self-contained content like a post or article, the article element is the best fit because it marks content that could stand alone and be distributed or syndicated. It can contain a heading, paragraphs, images, and even nested sections, all while signaling to assistive tech that this is a standalone piece. This semantic wrapper also benefits search engines by conveying the content’s purpose, which can aid indexing and discovery. A generic container like a div adds structure without meaning, so it’s useful for styling but doesn’t convey what the content is. An inline container like a span is for small, inline bits of content and isn’t appropriate for a full content block. A header is semantic but designates the introductory area of a section or page, not the main self-contained content by itself; it’s commonly used inside an article to house the title and metadata. So, for a standalone post or article, use the semantic article element.

Semantic HTML helps browsers and assistive technologies understand what each block of content represents. For self-contained content like a post or article, the article element is the best fit because it marks content that could stand alone and be distributed or syndicated. It can contain a heading, paragraphs, images, and even nested sections, all while signaling to assistive tech that this is a standalone piece. This semantic wrapper also benefits search engines by conveying the content’s purpose, which can aid indexing and discovery. A generic container like a div adds structure without meaning, so it’s useful for styling but doesn’t convey what the content is. An inline container like a span is for small, inline bits of content and isn’t appropriate for a full content block. A header is semantic but designates the introductory area of a section or page, not the main self-contained content by itself; it’s commonly used inside an article to house the title and metadata. So, for a standalone post or article, use the semantic article element.