Deja de Usar para Todo — El HTML que se explica solo
Abre cualquiera de tus proyectos y cuenta cuántos <div> hay comparado con etiquetas como <header>, <nav> o <article>. Si el marcador dice "casi todos son div", no estás solo — es lo que enseña la mayoría de tutoriales que arrancan por lo visual.
Tu página se ve igual sin importar qué etiqueta uses. Lo que cambia es qué tan bien la entienden los demás: un lector de pantalla, un buscador, o el próximo dev que abra tu código (que puede que seas tú mismo en seis meses).
Qué vas a encontrar adentro:
- Por qué HTML semántico importa de verdad — accesibilidad, SEO y mantenibilidad, no solo teoría
- Las etiquetas de estructura (header, nav, main, section, article, aside, footer) y cuándo usar una y no otra
- Etiquetas para contenido específico (figure, blockquote, time, mark) — incluida una advertencia real de accesibilidad que casi nadie menciona
- Etiquetas semánticas dentro del texto (strong vs b, em vs i, y más) que casi siempre se marcan mal con un <div> o <span>
- Una página completa armada de principio a fin, para ver todo aplicado junto
- Un checklist de reemplazo rápido para pasar un proyecto existente a semántico sin rehacerlo desde cero
Formato corto y directo, pensado para leerse en una sola sesión — sin relleno.