HTML semántico y buenas prácticas

HTML semántico significa utilizar etiquetas que describen el significado del contenido.

Ejemplos

<header>
    <h1>Mi Sitio Web</h1>
</header>
<main>
    <article>
        <h2>Título del artículo</h2>
        <p>Contenido del artículo...</p>
    </article>
</main>
<footer>
    <p>© 2025 - Todos los derechos reservados</p>
</footer>

Ventajas

• Mejora el SEO.
• Facilita la accesibilidad.
• Hace el código más fácil de mantener.

Buenas prácticas

• Usar <section>, <article>, <nav> y <aside> cuando corresponda.
• Mantener un orden lógico en el contenido.

Ejercicio

Cree una página que incluya un encabezado, un área principal con un artículo y un pie de página.