Las listas de definición apenas se utilizan en la mayoría de páginas HTML. Su funcionamiento es similar al de un diccionario, ya que cada elemento de la lista está formado por términos y definiciones. La etiqueta <dl> crea la lista de definición y las etiquetas <dt> y <dd> definen respectivamente el término y la descripción de cada elemento de la lista.
| Etiqueta | <dl> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios | – |
| Tipo de elemento | Bloque |
| Descripción | Se emplea para definir listas de definición |
| Etiqueta | <dt> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios | – |
| Tipo de elemento | Bloque |
| Descripción | Se emplea para definir los términos de los elementos de una lista de definición |
| Etiqueta | <dd> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios | – |
| Tipo de elemento | Bloque |
| Descripción | Se emplea para indicar las definiciones de los elementos de una lista de definición |
El siguiente código HTML muestra un ejemplo sencillo de lista de definición:
<html> <head><title>Ejemplo de etiqueta DL</title></head> <body> <h1>Tipos de imagenes</h1> <dl> <dt>JPG</dt> <dd>Formato de imagen liviano, se comprime y puede perder calidad.</dd> <dt>GIF</dt> <dd>Tiene la particularidad de poder ser una imagen animada</dd> <dt>PNG</dt> <dd>Tiene gran calidad, suele ser pesado, y puede tener fondo transparente</dd> </dl> </body> </html>
Veamos cómo quedaría en el buscado:
Los navegadores formatean las listas de definición de forma similar a las otras listas, tabulando la definición y alineando a la izquierda los términos. Aunque no es habitual, cada término puede tener asociada más de una definición y cada definición puede tener asociada varios términos.