What are semantic HTML elements?

Semantic elements convey meaning about their contents and role in the page. They help browsers, assistive tech, and search engines understand structure—improving accessibility, SEO, and maintainability.

Examples and typical use:

header – site/page/section header (often includes logo, h1, nav).
nav – a block of major navigation links.
main – the unique main content of the page (one per page).
section – a thematically grouped block with a heading.
article – a self-contained piece that could stand on its own (blog post, forum post).
aside – tangential content (sidebars, callouts).
footer – footer for a page or section (copyright, related links).
figure + figcaption – media with a caption.
time, mark, details/summary, data, progress, meter – inline semantics.

Click to Reveal Answer

Companies

Topics