Liste ordinate

Gli elenchi di dati, le liste, sono più leggibili se staccati dal normale flusso di testo, con le voci spostate verso destra e precedute da un carattere grafico o da un indice…

Ogni voce è preceduta da un indice numerico che parte da 1 e si incrementa automaticamente

  1. Item 1
  2. Item 2
  3. Item 3

Si utilizzano OL, ordered list, e LI, list item

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

Sono disponibili gli attributi: start, type, value.

start, value

Si può specificare il primo indice con start

  1. Item 1
  2. Item 2
  3. Item 3
<ol start="13">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

Si può decidere anche il singolo indice con value (dove non è presente ricomincia la numerazione automatica)

  1. Item 1
  2. Item 2
  3. Item 3
<ol>
    <li>Item 1</li>
    <li value="15">Item 2</li>
    <li>Item 3</li>
</ol>

Insieme

  1. Item 1
  2. Item 2
  3. Item 3
<ol start="13">
    <li>Item 1</li>
    <li value="15">Item 2</li>
    <li>Item 3</li>
</ol>

type

Si può scegliere il tipo di indice con type scegliendo tra

  • 1, numerico (default)
  • A, alfabetico maiuscolo
  • a, alfabetico minuscolo
  • I, numerazione romana maiuscolo
  • i, numerazione romana minuscolo 

1. Item 1
2. Item 2
3. Item 3
4. Item 4
5. Item 5

A. Item 1
B. Item 2
C. Item 3
D. Item 4
E. Item 5

a. Item 1
b. Item 2
c. Item 3
d. Item 4
e. Item 5

I. Item 1
II. Item 2
III. Item 3
IV. Item 4
V. Item 5

i. Item 1
ii. Item 2
iii. Item 3
iv. Item 4
v. Item 5


Utilizzare gli attributi di OL è una tecnica considerata deprecata rispetto all’uso dei CSS.