La respuesta a eso es simplemente transmitir información y estructurar su documento .
Cuando usa espacios y divs, su documento no tiene una estructura. No hay listas, ni párrafos, ni tablas, ni hipervínculos. Nada. Realmente no tiene sentido elegir HTML como lenguaje de marcado y luego ignorar el vocabulario que ofrece para expresar y estructurar su contenido. Estructura es la palabra importante aquí por cierto. HTML es para estructurar no mostrar. Para eso es CSS.
Si marca su código semánticamente, le está dando a los lectores humanos y a las máquinas la oportunidad de comprender los datos dentro de sus elementos. Si usa elementos span y div por completo, no tendrá esta información adicional e inferirlos solo de los valores podría no ser posible.
Del mismo modo, si quiero raspar sitios web y solo extraer los encabezados para crear una Tabla de contenido para ellos, mi araña necesitaría saber cuáles son los encabezados. No puede hacer eso sin los elementos apropiados.
Por último, pero no menos importante, si usa solo divs y spans, tendrá dificultades para diseñarlos con CSS. Los selectores de CSS funcionan en la estructura de su documento y si esa es una estructura mayormente ambigua, las reglas de CSS se vuelven dudosas para aplicar. ¿Cómo decides si div div div
realmente se refiere a table tr td
o body ul li
? Tendría que agregar clases e identificadores entonces, pero luego está reinventando la rueda.
Ver también la recomendación del W3C
El uso de los elementos semánticos apropiados asegurará que la estructura esté disponible para el agente de usuario. Esto implica indicar explícitamente el papel que tienen las diferentes unidades en la comprensión del significado del contenido. La naturaleza de un contenido como un párrafo, encabezado, texto enfatizado, tabla, etc., se puede indicar de esta manera. En algunos casos, las relaciones entre unidades de contenido también deben indicarse, como entre encabezados y subtítulos, o entre las celdas de una tabla. El agente de usuario puede hacer que la estructura sea perceptible para el usuario, por ejemplo, usando una presentación visual diferente para diferentes tipos de estructuras o usando una voz o tono diferente en una presentación auditiva.