What is a key benefit of using semantic HTML elements like header, nav, main, and article?

• A. They are purely for styling
• B. They convey meaning to assistive technologies and search engines, improving accessibility and indexing
• C. They reduce the need for CSS
• D. They prevent keyboard navigation

Answer: (B)

Semantic HTML elements give the page structure a meaningful name, so the browser and other tools can understand what each part is for. When you use header, nav, main, and article, you’re labeling regions by purpose, not just by how they look. This helps assistive technologies—like screen readers—announce and navigate the page more efficiently, so users can move straight to the header area, jump to the main content, or skip to the article, rather than listening through every element.

It also benefits search engines. With clear landmarks and sectioning, crawlers can better interpret the page layout and the relationships between pieces of content, which can improve indexing and how the page is understood in search results.

So, the primary benefit is that these elements communicate meaning to both assistive technologies and search engines, boosting accessibility and indexing. They aren’t just for styling, they don’t reduce the need for CSS, and they don’t prevent keyboard navigation—in fact, they can improve navigation by providing meaningful landmarks.