<ol>: l'elemento "elenco ordinato"

L' elemento HTML <ol> rappresenta un elenco ordinato di elementi, generalmente visualizzato come un elenco numerato.

Attributi

Gli attributi di questo elemento includono gli attributi globali.

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 minuscole
  • A per lettere maiuscole
  • i per i numeri romani minuscoli
  • I per numeri romani maiuscoli
  • 1 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:

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>

Liste utili