Tutorial Intermediário de HTML: Listas de Definição

O Tutorial Iniciante de HTML analisou só as listas ordenadas e não-ordenadas. Assim como a série “Jennie é um Gênio”, listas de definição são muito frequentemente esquecidas. Isso acontece talvez porque elas são bem mais específicas que listas ordenadas e não-ordenadas e até menos úteis, mas onde existir uma lista de termos e descrições (como um glossário), uma lista de definição deve ser usada.

O elemento dl põe a bola em jogo, similar aos elementos ul e ol, iniciando a lista. Ao invés de elementos li, listas de definição tem um elemento dt, que é o termo da definição (definition term), seguido de um elemento dd, que é a descrição da definição (definition description) associada ao elemento dt.

Não é necessário haver um elemento dt seguido por um elemento dd, pode haver qualquer número dos dois. Por exemplo, se existem várias palavras com o mesmo significado, devem existir várias dt’s seguidas por um dd. Se você tiver uma palavra que significa várias coisas diferentes, deve existir um dt seguido por vários dd’s.

<h1>Um glossário qualquer</h1>
<dl>
	<dt>HTML</dt>
	<dd>Abreviação de HyperText Markup Language (Linguagem de Marcação de Hipertexto) - uma linguagem usada para construir páginas web.</dd>

	<dt>Canino</dt>
	<dd>Qualquer mamífero carnívoro pertencente a família Canidae.</dd>
	<dd>Um tipo de dente humano.</dd>

	<dt>Suco de Vaca</dt>
	<dt>Cerveja de Gato</dt>
	<dt>Leite</dt>
	<dd>Um líquido branco produzido por vacas e usado pra consumo humano.</dd>
</dl>

Páginas Relacionadas

• Próxima Página: Tags Más
• Página Anterior: Tabelas II
• Listas – Listas Ordenadas e Não-Ordenadas (Tutorial Iniciante de HTML)

Exemplos

• Listas de Definição

Referência

• dl
• dt
• dd

BlogBlogs Tags: tutorial, minicurso, html

Esse material é uma adaptação do HTML Intermediate Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.