¿Hay algún motivo práctico por el cual usar una etiqueta de lista (ul, ol) para los elementos de un nav? O son solo buenas practicas?

Santiago Amaya

Santiago Amaya

Pregunta
studenthace 4 años

¿Hay algún motivo práctico por el cual usar una etiqueta de lista (ul, ol) para los elementos de un nav? O son solo buenas practicas?

3 respuestas
para escribir tu comentario
    Orlando Manuel Mendoza Vargas

    Orlando Manuel Mendoza Vargas

    studenthace 4 años

    Hubo un tiempo en que yo también me preguntaba lo mismo pero si lo analizas un poquito verás que tiene lógica, sobre todo si lo declaras como una lista no ordena, en inglés "Unordered List" (por eso la etiqueta se llama "<ul></ul>")...

    Basicamente lo que se pone en el navbar es una lista de opciones a los que el usuario puede navegar, y el orden en las que se pongan es netamente preferencia del desarrollador o del cliente por eso se utiliza la etiqueta <ul></ul>... I expect having helped you 😎💚

    Christian Danilo Osorio Romero

    Christian Danilo Osorio Romero

    studenthace 4 años

    Sinceramente no. Tampoco es definido como una "buena práctica" Si entras a Youtube y comienzas a ver vídeos de maquetación veras una tendencia a hacer código minimalista, con la menor cantidad de HTML posible. Todo es cuestión de tu gusto

    Veras también que hay gente que aun utiliza div, otros usan section.. Es a gusto tuyo

    Brandon Argel Verdeja Dominguez

    Brandon Argel Verdeja Dominguez

    studenthace 4 años

    ¡Hola @santiagoamaya! Creo que lo utilizan para facilitar el desarrollo tomando en cuenta el diseño responsivo (Responsive Design) ya que en dispositivos como smartphones luego sería más fácil aplicar los estilos para crear una lista vertical o una desplegable haciendo el uso de <ul> y también podrían cambiar fácilmente los estilos para ponerlos en horizontal para dispositivos como desktop, como platzi, te paso una imagen de ejemplo; En desktop sería una lista horizontal: des.png

    En tablet sería una lista vertical: tab.png

    Y en smartphone sería también vertical: cel.png

    Entonces en resumen con ul aprovechando algunas de sus reglas ya definidas podemos hacer más fácil (en código) los cambios para diferentes dispositivos, Media queries 😃👍

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.