¿Qué es HTML5 semántico?

HTML5 introduce etiquetas que describen mejor la estructura de la página, como <header>, <nav>, <main>, <section> y <footer>. Esto mejora la accesibilidad y el SEO.

Ejemplo:

<header>
  <h1>Mi sitio web</h1>
</header>
<nav>
  <ul>
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Contacto</a></li>
  </ul>
</nav>
<main>
  <section>
    <h2>Bienvenido</h2>
    <p>Contenido principal...</p>
  </section>
</main>
<footer>
  <p>Derechos reservados</p>
</footer>