<ul>: Elemento UL
Última atualização: 2026-10-13
<ul>Elemento UL
O elemento <ul> (lista não ordenada) define uma lista de itens sem ordem, renderizada com marcadores por padrão. Cada item é um <li>. Listas não ordenadas servem para menus de navegação e checklists.
| Categoria | Listas |
|---|---|
| Modelo de Conteúdo | Zero ou mais <li>, elementos de suporte a script |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </ul> tag |
| Status | Padrão |
📝 Sintaxe
<ul>
<li>Item um</li>
<li>Item dois</li>
</ul>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <ul> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
❓ Perguntas Frequentes
Qul serve apenas para listas de texto?
ANa semântica, sim — é uma lista de itens sem ordem. Na prática, o
<ul> é a base de menus de navegação, listas de cartões e barras de tags: a estrutura é lista, o visual fica por conta do CSS (list-style: none + flex/grid). O importante é que o conteúdo seja realmente «um conjunto de itens».Qul e div com muitos filhos — qual escolher?
ASe o conteúdo é conceitualmente um conjunto de itens equivalentes (links, cartões, passos sem ordem),
<ul><li> dá a semântica de lista e beneficia leitores de tela; div é um contêiner sem sentido para layout arbitrário. Critério: «isso é uma lista?» — sim, ul; layout puro, div.QQuantos níveis ul pode aninhar?
ASem limite pela especificação — sublistas vão dentro do li pai, quantos níveis a hierarquia exigir (menus de vários níveis, árvore de categorias). Na prática, além de 3 níveis a navegação fica confusa para o usuário; considere reorganizar a informação em vez de aninhar mais.
🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
