Page 26 - Guida tascabile HTML5

La sintassi prevede l’apertura di un tag <ul> per gli elenchi puntati (unordered

list) o di un tag <ol> per gli elenchi numerati (ordered list), che racchiudono,

nidificati, i tag <li> (list item) delle singole voci. Ecco un esempio di markup:

<ul>
<li>Lunedì</li>
<li>Martedì</li>
<li>Mercoledì</li>
<li>Giovedì</li>
<li>Venerdì</li>
<li>Sabato</li>
<li>Domenica</li>
</ul>
Ecco nella Figura 2.6 la visualizzazione di default della lista appena descritta:

ogni voce è preceduta da un punto elenco.

Figura 2.6 L’elenco puntato ottenuto utilizzando <ul> e <li>.

Le singole voci <li> possono contenere altri elementi di blocco, tra cui

addirittura altre liste: la struttura può diventare piuttosto complessa, per descrivere
elenchi su più livelli (utilizzati per esempio nel markup di menu di navigazione in

molte pagine web).

ATTENZIONE Tenete sempre presente nel vostro markup il valore semantico degli
elementi: utilizzate liste nidificate solo quando tale struttura rispecchia correttamente
l’organizzazione delle informazioni.

<ul>
<li>
<p>Giorni lavorativi</p>
<ol>
<li>Lunedì</li>
<li>Martedì</li>
<li>Mercoledì</li>
<li>Giovedì</li>
<li>Venerdì</li>
</ol>
</li>
<li>