¿Las barras de navegación siempre deben implementarse como listas?

Question

En primer lugar, lo siento mucho si esta no es una pregunta true stackflow "verdadera". Pero es algo sobre lo que siempre me he preguntado ...

Cuando codificas una barra de navegación para un sitio (html), he leído que es una muy buena práctica, sino la ÚNICA práctica para implementarlo usando la lista etiqueta. p.ej.

<ul> 
    <li> Home </li> 
    <li>About Us</li> 
    <li>Blog</li> 
    <li>Contact Us</li> 
</ul> 

Y a continuación, aplique el estilo necesario que muestra la lista horizontalmente y así sucesivamente.

Pero, ¿este es un estándar establecido en piedra o solo lo hace de esta manera si es la mejor opción para hacerlo ... Porque actualmente tengo una barra de navegación que no es la barra nv "estándar" para hablar, y es una pequeña misión implementarlo como una lista. Algunas etiquetas de enlace ubicadas en algunos divs funcionarán muy bien. Pero, por supuesto, no quiero hacer este método si va a hacer que la gente señale y se ría de mí ...

¡Gracias de antemano!

Answer 1

¿Por qué usar listas para la navegación del sitio?

Parte del diseño de un sitio utilizando estándares web implica el uso de código semánticamente correcto. Para citar "Brainstorms and Raves":

Buena estructura HTML se basa en la lógica, el orden y el uso de marcado semánticamente correcto. Si tiene un encabezado, use el elemento de título, comenzando con el elemento H1. Si tiene un párrafo, use un elemento de párrafo. Si tiene una lista, use un elemento de elemento de lista.

A nivel estructural, la navegación del sitio es simplemente una lista de enlaces a otras áreas del sitio. Por lo tanto, el mejor método para marcar la navegación del sitio es (posiblemente) usar un elemento de lista.

Si utiliza una buena estructura HTML, los navegadores basados ​​en texto, los lectores de pantalla, el navegador compatible con CSS, los navegadores con CSS desactivados y los bots de búsqueda podrán acceder a su contenido más fácilmente.

Un buen artículo sobre este tema es here