HTML — Semantic HTML

Semantic HTML uses meaningful tags that describe the content they wrap. These tags improve accessibility and SEO.

Examples include:

  • <header>: Defines the page header
  • <nav>: Navigation links
  • <main>: Main content
  • <section>: A section of content
  • <footer>: Footer content
<header>
  <h1>My Website</h1>
</header>
<nav>
  <a href=\"#\">Home</a>
  <a href=\"#\">About</a>
</nav>
<main>
  <section>
    <h2>Welcome</h2>
    <p>This is the main content.</p>
  </section>
</main>
<footer>
  <p>&copy; 2025 My Website</p>
</footer>
← PreviousNext →