<dl>: O Elemento DL
Última atualização: 2026-10-13
<dl>O Elemento DL
Uma lista de descrição (pares termo–descrição), usada para glossários ou metadados chave-valor.
| Categoria | Listas |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </dl> tag |
| Status | Padrão |
📝 Sintaxe
<dl>
<dt>Termo</dt>
<dd>Descrição</dd>
</dl>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <dl> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Os filhos diretos de dl devem ser dt (termo) e dd (descrição), não ul/li.
❓ Perguntas Frequentes
Qdl exige os pares dt e dd?
AEstruturalmente,
<dl> contém grupos de «dt + dd»: dt é o termo, dd é a descrição. Um dt pode ter vários dd (termo com várias acepções) e vários dt podem compartilhar um dd (sinônimos); mas dt e dd não podem aparecer soltos fora do dl.Qdl serve só para glossários?
ANão só glossários: pares de metadados (como «Publicado em: 09-10-2026»), FAQ (pergunta no dt, resposta no dd), especificações de produto — todos servem. O critério é a estrutura «nome-valor»: qualquer dado exibido em pares cabe semanticamente num dl.
Qdl aceita div direto dentro?
ASim, o HTML5 permite envolver cada grupo dt+dd num
<div> dentro do dl, para estilizar o grupo ou marcar microdados. O div só pode conter grupos completos — não é possível separar dt e dd em divs diferentes.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
