← HTML + CSS Fundamentals

Estructura con significado

Elementos como <header>, <nav>, <main>, <article> y <footer> explican la función del contenido.

Una <section> agrupa un tema dentro de la página. Úsala cuando el bloque tenga identidad propia y, normalmente, acompáñala de un encabezado que describa ese tema.

La semántica mejora la accesibilidad y el mantenimiento. Elige el elemento por lo que contiene, no por su aspecto.

01

HTML semántico

<header><nav>…</nav></header>
<main><article>…</article></main>
<footer>…</footer>
Ahora te toca a ti
Usa lo que acabas de aprender.