← Back to Lessons

Semantic HTML Tags

Why Use Semantic Tags?

Semantic tags like <header>, <main>, <section>, <article>, and <footer> make your page clearer for both developers and screen readers.

Example Layout

<header>Site Header</header>
<main>
  <section>
    <h2>Section Title</h2>
    <p>Content here.</p>
  </section>
</main>
<footer>Footer content</footer>

Semantic markup improves accessibility and SEO.