<li>: Elemento LI
Última atualização: 2026-10-13
<li>Elemento LI
O elemento <li> (item de lista) representa um item em <ul> ou <ol>. Em listas ordenadas, o atributo value substitui o número do item.
| Categoria | Listas |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | <ul>, <ol>, <menu> |
| Tag de Fechamento | Sim — requer fechamento </li> tag |
| Status | Padrão |
📝 Sintaxe
<li>Conteúdo do item</li>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
value | Number | Only valid in ordered lists; overrides the item's number. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <li> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
❓ Perguntas Frequentes
Qli pode existir fora de ul ou ol?
ANão;
<li> é o filho exclusivo de listas — <ul>, <ol> e <menu>. Solto, é HTML inválido: o navegador o desmonta do fluxo e o validador acusa erro. Todo li nasce dentro de uma lista.Qli pode aninhar outra lista?
ASim, listas aninhadas são uso comum para submenus e hierarquias: a sublista
<ul> ou <ol> vai dentro do <li> pai, não solta entre dois li. É a forma correta de expressar árvore de categorias.QO marcador de li pode ser removido ou trocado?
ARemover:
list-style: none. Trocar o marcador de forma moderna: li::marker { content: '→ '; } ou com pseudo-elemento ::before para ícones personalizados. Vale lembrar: sem marcador, a lista perde o indício visual de item — avalia se a semântica de lista ainda se justifica no design.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
