Name 3 semantic tags introduced in HTML5?

Difficulty: 2/10

semantic HTML, accessibility, SEO

Semantic Tags Introduced in HTML5

HTML5 introduced several new semantic elements to give more meaning to web page structure. These elements help developers write cleaner, more accessible, and SEO-friendly code.

Examples of Semantic Tags from HTML5

1<article> – Represents self-contained, independent content such as a blog post or news article.
2<section> – Defines a thematic grouping of content, usually with a heading.
3<nav> – Represents a block of navigation links.

Example Usage

In short: Three common semantic elements introduced in HTML5 are <article>, <section>, and <nav>. They make web pages more meaningful and easier for both users and machines to understand.

Scenario Questions

0-2 years experience

1How would you markup a simple blog post page using three HTML5 semantic tags?
2If you replace a <div> that wraps your site header with a <header> element, what effect does that have for screen readers and SEO?

2-5 years experience

1During a sprint you need to add a navigation component that must be accessible; which semantic tag would you choose and why?

Follow-up Questions

Why would you prefer <nav> over a generic <div> for a navigation block?
What are common accessibility pitfalls when semantic tags are misused?
How do semantic tags influence search‑engine indexing?