Semantic tags

Summary

HTML elements like `<header>`, `<nav>`, `<main>`, `<article>` and `<footer>` that describe their meaning, not just their appearance — improving accessibility and SEO. Semantics communicate document structure to browsers, search engines, assistive technologies, and other tools, making the page easier to understand without relying on visual styling.

• 1Rebuild a `<div>`-only page using proper semantic tags. Validate your understanding by applying it in a small practical example.
• 2Check how screen readers interpret semantic vs non-semantic markup. Validate your understanding by applying it in a small practical example.
• 3Learn when to use `<section>` vs `<article>` vs `<div>`.