HTML semántico
Uso de etiquetas HTML con significado propio para estructurar el contenido web. No es solo buena práctica — los lectores de pantalla y Google lo usan para entender tu página.
Definición
El HTML semántico es una práctica de marcado que utiliza etiquetas con significado propio (<header>, <nav>, <main>, <article>, <footer>) para describir la función de cada sección del contenido. A diferencia de los divs genéricos, estas etiquetas transmiten información tanto al navegador como a los motores de búsqueda y tecnologías de asistencia sobre la estructura del documento.
Ejemplos
- • <header>Logo + navegación</header>
- • <article>Contenido principal</article>
- • <footer>Contacto + legal</footer>