Referencia de etiquetas

Etiqueta dt en HTML: términos de una lista descriptiva

La etiqueta <dt> en HTML identifica un término o nombre dentro de un grupo de una lista descriptiva <dl>. Sirve para indicar a qué corresponde la descripción o el valor que aparece después en <dd>. Úsala, por ejemplo, para el nombre de una propiedad en una ficha o para las palabras de un glosario.

<dl>
  <dt>Duración</dt>
  <dd>Cuatro semanas</dd>
</dl>

Duración funciona como nombre del valor Cuatro semanas. No es un encabezado <h2> ni abre una sección del documento. El navegador suele mostrar ambos textos en líneas distintas y la descripción con sangría; esa presentación se puede cambiar con CSS sin perder la asociación.

Sintaxis y contexto válido

Escribe <dt>Texto del término</dt> dentro de <dl>, antes de otro <dt> o de un <dd>. También puede ser hijo de un <div> que sea hijo directo de <dl> y agrupe los términos con sus descripciones. Un <div> cualquiera fuera de esa lista no proporciona un contexto válido.

<dt> admite contenido de flujo, con restricciones: no puede tener descendientes <header>, <footer>, contenido de sección como <article>, <aside>, <nav> o <section>, ni contenido de encabezado como <h1> a <h6> o <hgroup>. La prohibición también alcanza los elementos dentro de otros envoltorios. Para un término breve puedes usar texto, enlaces o elementos como <em> y <dfn>; no admite cualquier bloque sin límites. Estas reglas proceden del modelo de contenido de <dt> en el HTML Living Standard.

Los ejemplos incluyen cierres explícitos. En HTML se permite omitir </dt> si inmediatamente después viene otro <dt> o un <dd>. Esa posibilidad no autoriza dejar un grupo sin descripción. <dt> no es un elemento vacío y escribir <dt /> no lo cierra en HTML.

Cómo se relacionan dt y dd

Cada grupo de <dl> contiene uno o varios <dt> seguidos de uno o varios <dd>. Todos los términos iniciales corresponden a las descripciones siguientes; el primer <dt> después de esas descripciones empieza un grupo nuevo.

¿Puedo usar dos <dt> seguidos? Sí: pueden ser dos sinónimos que comparten una definición. También puedes tener varias descripciones para un término. El orden expresa la asociación; no existe un atributo for que empareje <dt> y <dd>.

Si envuelves los grupos con <div>, cada envoltorio debe contener el grupo completo. No separes los términos y sus descripciones en contenedores distintos ni mezcles grupos envueltos con términos sueltos bajo el mismo <dl>. La guía de <dl> desarrolla la estructura de la lista; la de <dd>, el contenido de las descripciones.

Dt frente a dfn: estructura y definición

¿<dt> y <dfn> son lo mismo? No. <dt> marca la parte del término o nombre en una asociación; <dfn> marca la instancia donde se define un término. En la ficha inicial, Duración solo nombra una propiedad: Cuatro semanas es su valor, no una definición de la palabra duración.

En un glosario sí puedes escribir <dt><dfn>Computadora</dfn></dt> y dar su definición en el <dd> del mismo grupo. El estándar de <dfn> exige que la definición esté en el contexto que contiene el término. Consulta la guía de <dfn> para otros usos, como definir una palabra en un párrafo.

Ejemplo práctico: glosario con dos sinónimos

Guarda el siguiente documento como glosario.html en UTF-8 y ábrelo en el navegador. Es completo para esta demostración y no requiere servidor, archivos adicionales, CSS ni JavaScript.

<!doctype html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Glosario de informática</title>
  </head>
  <body>
    <h1>Glosario de informática</h1>
    <dl>
      <dt><dfn>Computadora</dfn></dt>
      <dt><dfn>Ordenador</dfn></dt>
      <dd>Dispositivo electrónico que ejecuta programas para procesar información.</dd>
      <dt><dfn>Navegador</dfn></dt>
      <dd>Programa que permite consultar e interactuar con páginas web.</dd>
    </dl>
  </body>
</html>

Lee Computadora y Ordenador: son dos nombres del mismo concepto. Los dos <dt> consecutivos comparten un solo <dd>.
Observa Navegador: su <dt> inicia el segundo grupo, con su propia descripción. Verás tres términos y dos descripciones.
Reduce la ventana y comprueba que los dos sinónimos sigan apareciendo antes de su definición.
Para probar el ejemplo mínimo, sustituye toda la lista de este documento por el primer bloque de HTML. Verás Duración y Cuatro semanas.

En el glosario, <dt> establece la estructura y <dfn> señala que cada palabra se está definiendo. El navegador suele mostrar <dfn> en cursiva. Si retiras únicamente <dfn> y </dfn>, manteniendo las palabras, la lista sigue asociando los nombres con sus descripciones, pero deja de marcar explícitamente las instancias de definición.

Comprueba que los términos de un grupo compartan realmente la descripción. Computadora y Ordenador son sinónimos en este glosario; si añades un concepto distinto, necesitará su propio grupo de <dt> y <dd>.

Atributos y accesibilidad

<dt> no tiene atributos específicos vigentes. Admite los globales; por ejemplo, hereda el idioma español declarado mediante lang="es" en <html> en el documento de prueba. No necesita atributos para asociarse con <dd>.

Conserva los términos antes de sus descripciones y usa nombres comprensibles. El orden del HTML debe bastar para entender la relación, aunque se retiren los estilos. MDN sobre la accesibilidad de <dl> describe cómo varía su lectura entre tecnologías de asistencia.

Errores frecuentes

Usar <dt> fuera de <dl>: que el navegador muestre el texto no hace válido ese contexto.
Anidar <h2> para conseguir negrita: los encabezados no están permitidos dentro de <dt>. Usa CSS si solo buscas cambiar la apariencia; si necesitas titular una sección, coloca el encabezado fuera de la lista.
Dejar un grupo con términos sin descripciones o empezar con <dd>: revisa el orden y completa cada asociación.
Añadir dos nombres con una descripción que solo corresponde a uno: separa los grupos cuando no compartan el significado o valor.

Para una enumeración sin relación entre nombres y descripciones, elige una lista <ul> con <li>. Para titular un apartado, usa un encabezado. La decisión depende de lo que representa el texto, no de cómo quieras dibujarlo.

Compatibilidad y fuentes

Compatibilidad consultada el 3 de octubre de 2026: MDN clasifica <dt> como ampliamente disponible.

El HTML Living Standard enlazado fija el significado, los contextos, las restricciones y la omisión del cierre. La referencia de MDN de <dt> complementa la explicación y los datos de soporte. El soporte del elemento y la forma en que una tecnología de asistencia presenta sus relaciones son cuestiones distintas.