Indice

<ul>: l'elemento "elenco non ordinato"

L' elemento HTML <ul> rappresenta un elenco di elementi non ordinato, generalmente visualizzato come elenco puntato.

Attributi

compact

Questo attributo booleano suggerisce che l'elenco dovrebbe essere visualizzato in uno stile compatto. L'interpretazione di questo attributo dipende dall'interprete e non funziona in tutti i browser.

type

Questo attributo imposta lo stile del punto elenco per l'elenco. I valori definiti in HTML3.2 e la versione transitoria di HTML 4.0/4.01 sono:

  • circle
  • disc
  • square

Un quarto tipo di punto elenco è stato definito nell'interfaccia WebTV, ma non tutti i browser lo supportano: triangle.

Se non è presente e se all'elemento non si applica alcuna proprietà CSS list-style-type, il programma utente seleziona un tipo di punto elenco a seconda del livello di annidamento dell'elenco.

Note d'uso

  • L'elemento <ul> serve per raggruppare una raccolta di elementi che non hanno un ordinamento numerico e il loro ordine nell'elenco non ha significato. In genere, gli elementi dell'elenco non ordinati vengono visualizzati con un punto elenco, che può essere di diverse forme, come un punto, un cerchio o un quadrato. Lo stile del punto elenco non è definito nella descrizione HTML della pagina, ma nel CSS associato, utilizzando la proprietà list-style-type.
  • Gli elementi <ul> e <ol> possono essere annidati quanto più profondamente si desidera. Inoltre, gli elenchi nidificati possono alternare <ol> e <ul> senza restrizioni.
  • Gli elementi <ol> e <ul> rappresentano entrambi un elenco di elementi. Differiscono, con l'elemento <ol> , in quanto l'ordine è significativo. Per determinare quale utilizzare, provare a modificare l'ordine delle voci dell'elenco; se il significato è cambiato, l'elemento <ol> dovrebbe essere usato, altrimenti puoi usare 
    • .

    Esempi

    Esempio semplice

    <ul>
  <li>Primo elemento</li>
  <li>Secondo elemento</li>
  <li>Terzo elemento</li>
</ul>

    Nidificazione di una lista

    <ul>
  <li>Primo elemento</li>
    <ul>
      <li>A</li>    
      <li>B</li>
      <li>C</li>
    </ul>
  <li>Secondo elemento</li>
  <li>Terzo elemento</li>
</ul>

    Elenco ordinato all'interno di un elenco non ordinato

    <ul>
  <li>Primo elemento</li>
    <ol>
      <li>A</li>    
      <li>B</li>
      <li>C</li>
    </ol>
  <li>Secondo elemento</li>
  <li>Terzo elemento</li>
</ul>