He visto diseños de navegación css hechos principalmente a través de ul y li listas para la estructura de pestañas. ¿Cuál es la razón detrás de esto?. ¿Cuál es la desventaja de tales sitios si css de alguna manera está deshabilitado?¿Cuál es la razón detrás de usar listas UL Li para dibujar barras de navegación?
marcado semántico tiene varias razones, por ejemplo:
Este enlace da más detalles sobre el tema: Semantic HTML. Además, es ALTAMENTE poco probable que alguien tenga CSS deshabilitado. En mi opinión, no hay absolutamente ninguna necesidad de proporcionar respaldo para ese caso, la navegación aún sería accesible de todos modos.
Creo que es solo un patrón que funcionó bien cuando se desarrolló (en todos los navegadores), por lo que fue documentado en libros de CSS y utilizado por mucha gente. No tiene que cambiar demasiado (ul { list-style: none;} y li { display: inline; }), por lo que es fácil de agregar. Y si desactivas CSS en tu navegador, obtienes una versión más fea que funciona también.
No hay ninguna razón concreta, es decir, no existe un libro de reglas que indique que DEBE hacer enlaces de navegación usando una lista UL LI.
Sin embargo, por las 2 razones ya listas en los comentarios, y las recomendaciones del W3C sobre la estructura del documento, el diseño y la semántica html, ** RECOMIENDA ** que los enlaces de navegación se realicen de esa manera.
Es como cumplir con los patrones en el código, mediante el uso de estructuras y métodos que cumplen con los estándares, la siguiente persona que tiene que mantener ese sitio después de que pueda verlo y decir, ahh ... Veo qué está pasando aquí.
En cuanto a los lectores de pantalla, (como se ha mencionado anteriormente) también pueden hacer un análisis similar en el diseño del documento, y así decidir qué elementos son importantes para un usuario con discapacidad visual.
La navegación es un menú, en el html anterior había una etiqueta, desaprobada en html4 (http://www.w3.org/TR/html401/struct/lists.html#h-10.4) porque el menú y los renders ul. lo mismo.
Ahora el menú de navegación en html5 debe estar incluido en la etiqueta semántica.
Obtendrá una "lista" de enlaces, que es lo que se supone que es. –
Accesibilidad para, por ejemplo, lectores de pantalla e incluso respaldo para navegadores que no sean css. Mantener la semántica en HTML <5. – DanielB
@DanielB No recibí su comentario. Cómo se realiza el respaldo para los navegadores que no son CSS. Al navegar a través de ulil –