English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il tag <li> in un documento HTML definisce un elemento nella <ol>, <ul> o <menu>. Questo tag è anche noto come elemento <li>.
Esempio di due colonne HTML: una lista ordinata (<ol>) e una lista non ordinata (<ul>):
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Uso del tag li in HTML5 (Base Tutorial Web oldtoolbag.com)</title> </head> <body> <ol> <li>Elemento primo</li> <li>Elemento secondo</li> <li>Elemento terzo</li> <li>Elemento quarto</li> </ol> <ul> <li>Elemento primo</li> <li>Elemento secondo</li> <li>Elemento terzo</li> </ul> <ul> <li>Elemento primo <ol> <li>Elemento annidato A</li> <li>Elemento annidato B</li> <li>Elemento annidato C</li> <li>Elemento annidato D</li> </ol> </li> <li>Elemento secondo</li> <li>Elemento terzo</li> <li>Elemento quarto</li> </ul> </body> </html>Testa e vediamo <‹/›
In questo esempio di documento HTML5, abbiamo una lista ordinata <ol> con quattro elementi <li>. Poi, abbiamo una lista non ordinata <ul> con tre elementi <li>. Infine, abbiamo annidato una lista ordinata <ol> all'interno della lista non ordinata <ul>.
IEFirefoxOperaChromeSafari
Al momento, la maggior parte dei browser mainstream supportano il tag <li>.
Il tag <li> definisce un elemento della lista.
Il tag <li> è utilizzabile nelle liste ordinate (<ol>）、lista non ordinata (<ul>）e liste menu (<menu>）.
Puoi annidare liste <ol, <ul> e <menu>.
"type" attributo è stato dismesso in HTML 4.01. HTML5 non supporta questo attributo.
"value" attributo è stato dismesso in HTML 4.01. HTML5 non supporta questo attributo.
Suggerimento: Utilizzare CSS per definire il tipo di elenco e degli elementi dell'elenco.
| Attributo | Valore | Descrizione |
|---|---|---|
| type | 1 A a I i disc square circle | HTML5 non supporta questo attributo. HTML 4.01 ha dismesso questo attributo. Non consigliato. Utilizzare lo stile per sostituirlo. Determina quale tipo di punteggio utilizzare. Valore di carattere, indica lo stile di numerazione. Può essere uno dei seguenti valori: |
| value | number | Non consigliato. Utilizzare lo stile per sostituirlo. Determina il numero dell'elemento dell'elenco. |
L'etichetta <li> supporta gli attributi globali, consulta la tabella completa degli attributi Proprietà globali HTML.
L'etichetta <li> supporta tutti gli attributi di evento Attributi di evento HTML.
Elenchi ordinati di diversi tipi
Questo esempio dimostra elenchi ordinati di diversi tipi.
Elenchi non ordinati di diversi tipi
Questo esempio dimostra elenchi non ordinati di diversi tipi.
Elenco annidato
Questo esempio dimostra come annidare elenchi.
Elenco annidato 2
Questo esempio dimostra elenchi annidati più complessi.
Elenco personalizzato
Questo esempio dimostra un elenco definito.
Tutorial HTML: Elenco HTML