1
HTML/CSSBeginner#html#elements
HTML/CSSBeginner#html#semantics
What is semantic HTML and why does it matter?
Semantic HTML uses elements that convey meaning about their content, like <header>, <nav>, <main>, <article>, and <footer>, instead of generic <div>s. It improves accessibility for screen readers, helps SEO, and makes code easier to maintain.
Example
<header>Site Logo</header>
<nav>...</nav>
<main>
<article>
<h1>Post Title</h1>
</article>
</main>
<footer>Copyright 2024</footer>