<ol>: l'elemento "elenco ordinato"
L' elemento HTML <ol>
rappresenta un elenco ordinato di elementi, generalmente visualizzato come un elenco numerato.
Attributi
reversed
Questo attributo booleano specifica che gli elementi dell'elenco sono in ordine inverso. Gli articoli saranno numerati dall'alto al basso.
start
Un numero intero da cui iniziare il conteggio per gli elementi dell'elenco. Sempre un numero arabo (1, 2, 3, ecc.), anche quando la numerazione type
è lettere o numeri romani. Ad esempio, per iniziare a numerare gli elementi dalla lettera "d" o dal numero romano "iv", utilizzare start="4"
.
type
Imposta il tipo di numerazione:
a
per lettere minuscoleA
per lettere maiuscolei
per i numeri romani minuscoliI
per numeri romani maiuscoli1
per i numeri (predefinito)
Il tipo specificato viene utilizzato per l'intero elenco a meno che non venga utilizzato un attributo type
diverso su un elemento <li>
.
Nota: a meno che il tipo del numero di elenco non sia importante (come documenti legali o tecnici in cui gli articoli sono referenziati dal loro numero/lettera), utilizzare invece la proprietà CSS list-style-type
.
Note d'uso
In genere, le voci di elenco ordinate vengono visualizzate con un indicatore precedente, ad esempio un numero o una lettera.
Gli elementi <ol>
e <ul>
possono nidificare a piacimento, alternandosi <ol>
e <ul>
come preferisci.
Gli elementi <ol>
e <ul>
rappresentano entrambi un elenco di elementi. La differenza è con l'elemento <ol>
, l'ordine è significativo. Per esempio:
- Passaggi in una ricetta
- Indicazioni passo passo
- L'elenco degli ingredienti in proporzione decrescente sulle etichette delle informazioni nutrizionali
Per determinare quale elenco utilizzare, provare a modificare l'ordine delle voci dell'elenco; se il significato cambia, usa l'elemento <ol>
, altrimenti puoi usare <ul>
.
Esempi
Esempio semplice
<ol>
<li>Uno</li>
<li>Due</li>
<li>Tre</li>
<li>Quattro</li>
</ol>
Usando i numeri romani
<ol type="i">
<li>Uno</li>
<li>Due</li>
<li>Tre</li>
<li>Quattro</li>
</ol>
Usare l'attributo "start" per variare l'inizio della lista
<ol start="4">
<li>Uno</li>
<li>Due</li>
<li>Tre</li>
<li>Quattro</li>
</ol>