Semantic HTML

Summary

Using HTML elements that describe their meaning (`<header>`, `<nav>`, `<article>`) rather than generic `<div>`s everywhere — improves accessibility, SEO, and how maintainable your markup is.

• 1Rebuild a `<div>`-heavy page using proper semantic tags.
• 2Check how a screen reader interprets semantic vs non-semantic markup.
• 3Learn when to use `<section>` vs `<article>` vs a plain `<div>`.