Dl, dt, dd: Você sabe utilizar corretamente as listas de definição?

by Fábio Ricotta

in HTML

Estou reestruturando um código de um website aqui da empresa e para uma determinada tarefa eu achei melhor usar uma estrutura de listas de definição. Logo pensei: “putz, será que todo mundo sabe como e por que utilizar uma lista de definição?“. Então resolvi postar aqui no blog este artigo.

Bom, para iniciar o post, como o próprio nome diz, elas listas servem para construirem definições de termos. Na sua estrutura são usadas 3 tags: dl (definition list), dt (definition term) e dd (definition description), da seguinte forma:

dl
dt /dt
dd /dd
/dl

A tag dl é o container. Dentro da tag dt, você deve colocar o termo a ser definido. Já dentro da tag dd você deve colocar a descrição do termo.

Espero ter ajudado em mais este conceito. Até mais

{ 6 comments… read them below or add one }

Lairton

Cara, um conceito bem simples, mas eu realmente não sabia utilizá-lo.
Valeu por mais essa.

Reply

Carbono

Lá estava eu fazendo um trabalho pra faculdade e precisava das tags das listas de definição para criar um glossário. Me foi útil. Obrigado.

Reply

Délcio

Mto Bom….

Reply

X-pC

Pode tambem ser usado para formulários ?
obrigado

Reply

Cristian

como criar um sub menu depois do dd que ja é um sub menu

vou usar os espaços pra representar

Menu
Sub 1
Sub 2

Reply

Rafael

É… tenho um livro de umas 200 sobre html e ele não fala sobre isso. Obrigado!

Reply

Leave a Comment

Previous post:

Next post: