Elemento dt en HTML

Elemento dt en html

El elemento html dt define un término en una lista de descripción. Este elemento debe ser un hijo del elemento <dl>, generalmente seguido por un elemento <dd>

Sin embargo, si se dan varios elementos <dt> seguidos, se definen varios términos que se explicarán en el siguiente elemento <dd>. Para ver ejemplos de uso de elementos <dt>, consulte la página de etiqueta <dl>.

Etiqueta HTML dt

Clasificaciones de contenidoNo hay.
Contenido permitidoContenido organizacional, pero no se permite el uso de elementos <header><footer> elementos divisionales o encabezados.
AcrónimoLa etiqueta de inicio es obligatoria y la etiqueta de finalización se puede omitir si un elemento es <dd>seguido inmediatamente por <dd>otro elemento o si el contenido del elemento principal ha expirado.
Elementos del padreEl elemento <dl> o elemento <div> contenido dentro de un elemento <dl>.
Elementos de hermandadElemento <dt><dd> otro elemento .
Interfaz DOMOHTMLSpanElement

Soporte de los navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

Características

En este elemento se pueden utilizar propiedades globales.

Formato de artículo

La mayoría de los navegadores muestran el elemento html dt con la propiedad establecida display en block:

dt {
  display: block;
}

Ejemplo de uso

Ejemplo de etiqueta HTML <dt> con una lista de descripción de artículos y descripciones: Café – Bebida caliente negra, etc.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title> Bebidas </title> 
</head>
<body>
  <dl>
   <dt> Café </dt>
   <dd> Bebida caliente negra </dd>
   <dt> Leche</dt>
   <dd> Bebida fría blanca </dd>
  </dl>

</body>
</html>