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 comunesbásicos, internacionalización y eventos
Atributos propios
Tipo de elementoBloque
DescripciónSe emplea para definir listas de definición
Etiqueta<dt>
Atributos comunesbásicos, internacionalización y eventos
Atributos propios
Tipo de elementoBloque
DescripciónSe emplea para definir los términos de los elementos de una lista de definición
Etiqueta<dd>
Atributos comunesbásicos, internacionalización y eventos
Atributos propios
Tipo de elementoBloque
DescripciónSe 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:

Ejemplo de uso de la etiqueta dl

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.

error: Content is protected !!