quando utilizzare UL o OL in html?

Question

Sembra intercambiabile?

Answer 1

UL significa "lista non ordinata". OL significa "elenco ordinato".

UL si ottiene punti elenco. OL ti fa i numeri.

Sicuramente non intercambiabili.

Answer 2

OL:

1. elemento lista 1
2. voce dell'Elenco 2

UL:

• elemento lista 1
• elemento lista 2

OL è lista ordinata, UL è lista ordinata

Answer 3

si comanda lista (OL), è per cose che hanno un ordine definito e distinto. C'è una ragione dietro perché sono organizzati.

L'altro (UL) è l'elenco non ordinato, che è solo una raccolta di elementi in un ordine non specificato. La loro organizzazione è banale.

Answer 4

Penso che sia un problema sematico, dato che i punti di numerazione/punti elenco possono essere modificati dai CSS.

Gli elenchi ordinati devono essere istruzioni simili o qualsiasi informazione sequenziale.

Gli elenchi non ordinati devono essere tutto il resto.

Answer 5

Con <ol> l'ordine dei dati è importante e verrà visualizzato (per impostazione predefinita) mentre con <ul>, l'ordine non è così importante. Esempio:

<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

Usa OL quando si è messa in vendita di passi che devono essere fatto in un certo ordine. Utilizzare UL quando si elencano gli articoli senza un ordine particolare di importanza.

Answer 7

Haha, così tante risposte!

Quando HTML è uscito prima, c'erano OL e UL, che, come tutti gli altri utenti hanno detto, significava ordinato elenco e lista non ordinata.

la differenza era facile. OL visualizzati ... un numero accanto a loro. O un numero romano o una lettera! Potresti anche controllare se utilizzava simboli maiuscoli o minuscoli! Freddo!

UL ti ha dato proiettili. 3 tipi di proiettili, anche - dischi (cerchi vuoti), quadrati (quadrati pieni), cerchi (cerchi pieni).

Non c'era il CSS. Al di là di questi attributi, non c'era davvero un modo per personalizzare i formati di lista (e margini e rientri e tutto il resto). Quindi, questa distinzione era importante.

Al giorno d'oggi, è tutto CSS.In effetti, le persone w3 vogliono che tu usi gli stili piuttosto che l'attributo "tipo" html che hai usato. Quindi, usare UL contro OL non ha molta importanza, se sei uno di questi utenti CSS nuovi.

CSS consente di modificare il tipo di proiettile, oppure di utilizzare un'immagine, o di modificare i margini/stili/rientranze, o di non visualizzare nemmeno un punto elenco.

Modifica di nuovo: questa risposta non è pensata per affrontare i meriti semantici di UL contro OL. Ma tecnicamente (lo sai, a bit e byte) il sopra delinea le differenze di comportamento.

Answer 8

In termini matematici (hey, perché no?), Un <ol> rappresenta una sequenza, mentre <ul> rappresenta un set. Riorganizzare gli oggetti in una lista ordinata cambia il significato della lista. Riorganizzandoli in una lista non ordinata no.

Questa è una buona regola per quale tipo di elenco utilizzare. Se la modifica dell'ordine degli articoli rende l'elenco errato, si desidera utilizzare <ol>. Se l'ordine non è importante, utilizzare <ul>.

Answer 9

ul significa elenco non ordinato. È per le liste in whick che non importa in che ordine si trovano le voci dell'elenco.

ol significa elenco ordinato. È per le liste che sono numerate o che in qualche modo mostrano che hanno un ordine specifico.

Per impostazione predefinita, si ottengono elenchi puntati e elenchi numerati, sebbene questo possa essere modificato in css.

Answer 10

Come la questione si chiede "quando usarli", ho pensato opportuno offrire esempi di quando, di solito decido di utilizzare OL quando voglio una serie di passaggi, e UL quando voglio offrire scelte:

ordinato elenco

Qui il passi sono critici per il business case, dobbiamo fare i passi in questo ordine, quindi un elenco ordinato viene utilizzato.

Checkout fasi su eCommerce, questi passaggi saranno in questo ordine.

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

Elenco non ordinato

Un utente può decidere l'ordine in cui scelgono di interagire con questi scelte

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

Answer 11

In alcuni casi (in particolare utilizzati dai lettori di schermo per le persone con esigenze particolari) potresti voler avere una lista ordinata ma non avere numeri associati a loro a causa del design visivo. Es. quando dici le istruzioni su una pagina per riempire un modulo e vuoi che gli screen reader utilizzino gli articoli ordinati nelle istruzioni, sarà utile. Per tutti gli scopi visivi possono essere fatti apparire esattamente uguali tramite CSS. È la semantica (non visiva, ma utile per screen reader) diversa e a volte utile.

Answer 12

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

Usa OL quando si è messa in vendita di passi che devono essere fatto in un certo ordine. Usa UL quando stai elencando gli articoli senza un particolare ordine di importanza. Per impostazione predefinita, si ottengono elenchi puntati e elenchi numerati, sebbene questo possa essere modificato in css. grazie ..