Código Real
Apóyame
HTML5

Curso de HTML

Construye la estructura de la web.

Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.

Listas de definición

Un glosario, las especificaciones de un producto, una lista de preguntas y respuestas: cuando tienes pares de término y descripción, existe una lista pensada justo para eso.

Cargando editor...
Resultado
Preparando resultado...
Agrega un segundo <dd> debajo de "HTML" con otra descripción, y observa que un mismo término puede tener varias.

Explicación

La lista de definición usa tres etiquetas en vez de dos:

<dl>

Contenedor de la lista de definición ("description list").

<dt>

El término que se define ("description term").

<dd>

La descripción de ese término ("description details").

Reto rápido

El término "JavaScript" no tiene su descripción. Agrégale un <dd> con una definición breve.

En esta lección

  • Ejemplo interactivo
  • Explicación de cada etiqueta
  • Cuándo usarlo
  • Errores comunes

Consejo

Un mismo <dt> puede ir seguido de varios <dd> si el término tiene más de un significado o descripción.

Dato extra

<dl> es menos común que <ul>/<ol>, pero es la etiqueta correcta para glosarios, preguntas frecuentes y datos tipo "etiqueta: valor".

Error común

Usar <dl>/<dt>/<dd> para un diálogo o conversación entre personas: su propósito semántico es un par término-descripción, no una secuencia de intervenciones.

Siguiente paso

Terminaste el módulo de listas. El siguiente módulo trata sobre tablas: cómo organizar datos en filas y columnas.

Ir a la siguiente lección