Aula 69 - Listas de Definição

Introdução

As listas de definição são utilizadas para apresentar termos e suas respectivas descrições.

Elas são muito úteis em glossários, manuais, documentações técnicas, perguntas frequentes (FAQ) e dicionários de termos.

📌 Em HTML, listas de definição são criadas com as tags <dl>, <dt> e <dd>.

É uma estrutura utilizada para relacionar um termo com sua explicação.

Exemplo:

A tag <dl> significa Description List (Lista de Descrição).

<dl>
  ...
</dl>

Ela funciona como o contêiner principal da lista.

A tag <dt> significa Description Term (Termo da Descrição).

<dt>HTML</dt>

É utilizada para informar o termo que será definido.

A tag <dd> significa Description Details (Detalhes da Descrição).

<dd>
Linguagem de marcação para Web.
</dd>

É utilizada para apresentar a explicação do termo.

<dl>

  <dt>HTML</dt>
  <dd>Estrutura páginas Web.</dd>

  <dt>CSS</dt>
  <dd>Estilização das páginas.</dd>

</dl>

Benefício	Descrição
Organização	Relaciona termos e definições.
Semântica	Melhora a interpretação da página.
Legibilidade	Facilita a consulta de informações.

Erro	Problema
Usar <dl> como lista comum	Perda de significado semântico.
Não utilizar <dt>	Estrutura incorreta.
Definições muito longas	Dificulta a leitura.

⚠️ Utilize listas de definição apenas quando existir relação entre um termo e sua descrição.

📌 As listas de definição são ideais para glossários, documentações e conteúdos que relacionam termos às suas explicações.