Etiqueta HTML `<dl>`

La etiqueta <dl> define una lista de definiciones/descripciones (aprende más sobre listas HTML). Se utiliza junto con las etiquetas <dd> y <dt>. La etiqueta <dl> crea una lista, la etiqueta <dt> especifica el término y la etiqueta <dd> especifica la descripción del término.

Los lectores de pantalla anuncian el contenido de <dl> de manera diferente. Asegúrate de que el contenido de cada lista se escriba de una forma que comunique su relación con los demás elementos de la lista en el grupo.

Si utilizas microdatos o atributos globales y deseas aplicarlos a todo un grupo, puede ser útil envolver cada grupo de nombre-valor en un elemento <div>.

No se recomienda utilizar el elemento <dl> simplemente para crear una sangría en una página. Puede oscurecer el significado de una lista de definiciones.

Para cambiar la sangría de un término de descripción, utiliza la propiedad CSS margin.

La etiqueta <dl> actúa como contenedor para las etiquetas <dd> y <dt>.

Sintaxis

La etiqueta <dl> se utiliza en pares. El contenido se escribe entre las etiquetas de apertura (<dl>) y cierre (</dl>).

Ejemplo de la etiqueta HTML `<dl>`:

Etiqueta HTML <dl>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>Hypertext</dt>
      <dd>A system of text pages that have cross-references.</dd>
      <dt>Hyperlink</dt>
      <dd>A part of a hypertext document that references another item.</dd>
    </dl>
  </body>
</html>

Try it Yourself »

Resultado

ejemplo de etiqueta dl

Atributos

La etiqueta <dl> admite los atributos globales y los atributos de eventos.

Cómo dar estilo a una etiqueta HTML <dl>

css

dl {
  margin: 0;
  padding: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 20px;
}

Práctica

¿Cuál es el uso correcto de la etiqueta HTML <dl> según la información proporcionada en w3docs.com?

La etiqueta <dl> se utiliza para crear una lista de definiciones en HTML.La etiqueta <dl> se utiliza para crear una lista desplegable en HTML.La etiqueta <dl> debe combinarse con las etiquetas <dt> y <dd> para especificar el término y su definición, respectivamente.La etiqueta <dl> no debe combinarse con ninguna otra etiqueta.La etiqueta <dl> es un elemento de bloque.La etiqueta <dl> es un elemento en línea.

Etiqueta HTML <dl> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <dl>: ​

Resultado ​