HTML Semántico de Carlos Fernández Alba
El HTML semántico se refiere al uso de etiquetas HTML que tienen un significado claro y específico en lugar de solo cumplir con una función de estructura o presentación. Utilizar HTML semántico implica emplear etiquetas que describen el contenido de manera significativa, mejorando la accesibilidad, la comprensión del código y la optimización para motores de búsqueda (SEO).
Por ejemplo:
<header>para la cabecera de una página.<article>para un contenido independiente o autónomo.<section>para secciones dentro de un documento.<nav>para la navegación de la página.<footer>para el pie de página.
Este enfoque no solo facilita la organización del contenido para los desarrolladores, sino que también permite que los navegadores y tecnologías de asistencia (como lectores de pantalla) interpreten el contenido de manera más efectiva, mejorando la experiencia del usuario.