¿Por qué los desarrolladores web están tan interesados ​​en usar listas?

Question

He estado desarrollando durante un tiempo y a menudo desarrollo sitios usando pestañas de menú.

Y no puedo entender por qué tantos desarrolladores web les gusta usar las listas < ul> < li> etc. en lugar de simplemente usar divs simples.

Puedo hacer menús en divs que son simples y funcionan perfectamente en todos los navegadores. Con listas, generalmente intento hackearlo de una forma u otra para que funcione correctamente.

Así que mi pregunta es simple: ¿por qué debería usar listas para crear mis menús en lugar de divs?

Answer 1

Simple: HTML semántico. La navegación es esencialmente una lista de enlaces en su HTML, por lo que su marcado debería reflejar esto.

Tiene varias ventajas, las arañas de los motores de búsqueda pueden descubrir inteligentemente qué es una lista de cosas (es decir, su navegador) y google específicamente hace cosas inteligentes con ella.

Además, los usuarios con solo navegadores de texto o lectores de pantalla pueden reconocer los elementos de navegación al instante con facilidad.

Además, es una buena práctica.

Answer 2

Si toma su menú como ejemplo, los menús por naturaleza pueden ser jerárquicos, y una lista HTML está específicamente diseñada para marcar una lista jerárquica de elementos. Es la semánticamente correcta margen para ese tipo de elemento y será fácilmente entendido por cualquier tipo de agente de usuario si CSS está activado o no (piensa en los lectores de pantalla, robots web, etc)

Allí absolutamente no hay razón por la cual le resulte más difícil diseñar una lista anidada como una secuencia de divs 'planos'. De hecho, todo lo contrario, ya que su sintaxis CSS está diseñada para diferenciar fácilmente los elementos anidados.

Answer 3

No es necesario piratear con las listas, porque solo configurar display: bloquear y borrar algunos otros estilos produce un comportamiento idéntico a los divs, pero las ventajas son los motores de búsqueda, navegadores de texto como Lynx, etc. (todos los UA no viendo su CSS) tener una idea de lo que son los elementos. También ayuda a los mashups a tropezar, alimentar agregadores y generadores, y todos los otros programas que toman datos de páginas y tratan de ensamblarlo en algo útil.

Básicamente, los divs son redundantes (mira http://camendesign.com/ si no me crees, no divs, classes o spans, aunque usando demasiado HTML5 para un sitio de producción).