cuándo usar UL u OL en html?

Question

Parece intercambiable?

Answer 1

UL significa "lista desordenada". OL significa "lista ordenada".

UL le consigue puntos. OL obtiene tus números.

Definitivamente no intercambiable.

Answer 2

OL:

1. tarea de la Lista 1
2. tarea de la Lista 2

UL:

• tarea de la Lista 1
• tarea de la Lista 2

OL está lista ordenada, UL es lista desordenada

Answer 3

Una lista ordenada (OL), es para cosas que tienen un orden definido y distinto. Hay una razón detrás de por qué están organizados.

El otro (UL) es lista desordenada, que es sólo una colección de cosas sin un orden determinado. Su organización es trivial.

Answer 4

creo que es un tema Sematic, como los puntos de numeración/viñetas pueden ser cambiados por CSS.

Las listas ordenadas deben ser cosas como instrucciones, o cualquier información secuencial.

Listas no ordenadas deben ser todo lo demás.

Answer 5

Con <ol> el orden de los datos es importante y se mostrará (de forma predeterminada) mientras que con <ul>, el orden no es tan importante. Ejemplo:

<p>Tomorrow I will</p> 
<ol> 
<li>Wake up</li> 
<li>Have breakfast</li> 
<li>Go to sleep</li> 
</ol> 
<p>During breakfast, I will eat</p> 
<ul> 
<li>Butter</li> 
<li>Eggs</li> 
<li>Bacon</li> 
</ul> 

Answer 6

Uso OL cuando estás lista los pasos que hay que hacer en un cierto orden. Use UL cuando enumere artículos sin un orden de importancia particular.

Answer 7

¡Jaja, muchas respuestas!

Cuando salió HTML, había OL y UL, lo que, como todos los otros carteles han dicho, significaba Lista ordenada y Lista desordenada.

La diferencia fue fácil. OLs muestra ... un número al lado de ellos. ¡O un número romano, o una letra! ¡Incluso podría controlar si usaba símbolos en mayúscula o minúscula! ¡Guay!

Las UL le dieron balas. 3 tipos de balas, incluso - discos (círculos huecos), plazas (cuadrados rellenos), los círculos (círculos llenos).

No hubo CSS. Más allá de estos atributos, no había realmente una manera de personalizar los formatos de lista (y los márgenes e indentaciones y todo lo demás). Por lo tanto, esta distinción era importante.

Hoy en día, todo el CSS.De hecho, las personas w3 quieren que uses estilos en lugar del atributo "tipo" html que solías usar. Entonces, usar UL vs OL realmente no importa, si usted es uno de los usuarios de CSS novedosos.

CSS le permite cambiar el tipo de viñeta, u optar por usar una imagen, o cambiar los márgenes/estilos/sangrías, o incluso no mostrar una viñeta.

Editar nuevamente: Esta respuesta no pretende realmente abordar los méritos semánticos de UL versus OL. Pero técnicamente (ya sabes, en los bits y bytes), lo anterior describe las diferencias en el comportamiento.

Answer 8

En términos matemáticos (hey, ¿por qué no?), Un <ol> representa una secuencia, mientras que <ul> representa un conjunto. Reordenar los elementos en una lista ordenada cambia el significado de la lista. Reordenarlos en una lista desordenada no.

Esta es una buena regla empírica para saber qué tipo de lista usar. Si cambiar el orden de los elementos hace que la lista sea incorrecta, quiere usar <ol>. Si el pedido no importa, use <ul>.

Answer 9

ul significa lista no ordenada. Es para listas en las que no importa en qué orden estén los elementos de la lista.

ol significa lista ordenada. Es para listas que están numeradas o de alguna manera muestran que tienen un orden específico.

De manera predeterminada, UL le ofrece listas con viñetas y listas numeradas, aunque esto se puede editar en css.

Answer 10

Como la cuestión se pregunta "cuándo usarlos", pensé apropiado ofrecer ejemplos de cuando, por lo general decido usar OL cuando quiero una serie de pasos, y UL cuando quiero ofrecer opciones:

lista ordenada

Aquí el pasos son críticos para el caso de negocios, tenemos que hacer los pasos en este orden, por lo tanto, se utiliza una lista ordenada.

etapas de compra en el comercio electrónico, estos pasos serán en este orden.

<ol> 
    <li>shipping</li> 
    <li>billing</li> 
    <li>summary</li> 
    <li>confirmation</li> 
</ol> 

Lista desordenada

Un usuario puede decidir sobre el orden en que deciden interactuar con estos opciones

<ul> 
    <li>Contact Us</li> 
    <li>Newsletter Signup</li> 
    <li>Terms</li> 
    <li>Log out</li> 
</ul> 

Answer 11

En algunos casos (utilizados específicamente por lectores de pantalla para personas con necesidades especiales) es posible que desee tener una lista ordenada pero no tener números asociados debido al diseño visual. Ej. cuando digite las instrucciones en una página para completar un formulario y desee que los lectores de pantalla aprovechen los elementos pedidos en las instrucciones, será útil. Para todos los efectos visuales se puede hacer que se vean exactamente iguales a través de CSS. Son las semánticas (no visuales, pero útiles para el lector de pantalla) que son diferentes y a veces útiles.

Answer 12

http://techuap.com/category/tips/computer-programming-tips

Uso OL cuando estás lista los pasos que hay que hacer en un cierto orden. Use UL cuando haga una lista de artículos sin un orden particular de importancia. Por defecto, UL le ofrece listas con viñetas y listas numeradas, aunque esto puede editarse en css. gracias ..

nombres diferentes