L'élément dt fait partie du trio d'éléments dl, dt, dd utilisés pour créer une liste de définitions dans un document. La liste est délimitée par les balises de l'élément dl. Chaque terme défini est indiqué par une balise d'élément dt, et la définition du terme par une balise d'élément dd. Voici la présentation schématique d'une séquence de liste de définitions contenant trois éléments:

Un élément dt est un élément incorporé, tandis qu'un élément dd peut avoir un contenu de niveau bloc, comprenant du texte entouré d'une bordure, des images et autres objets. Les balises de fin sont facultatives dans HTML pour les deux éléments dt et dd; en effet, la balise de début suivante marque automatiquement la fin de l'élément précédent. La liste entière doit cependant être fermée par la balise de fin de l'élément conteneur dl.

Bien que les spécifications HTML n'imposent aucune manière particulière d'afficher une liste de définitions, Navigator et Internet Explorer s'entendent pour aligner à gauche un élément dt et indenter tout élément dd situé derrière. Le navigateur n'ajoute aucune mise en forme de police ou élément visuel particulier, mais vous êtes libre d'affecter des styles à votre guise. Si vous voulez empiler plusieurs termes et/ou définitions, vous pouvez placer plusieurs éléments dt et/ou dd les uns derrière les autres dans le code source.

Le HTML étant axé sur un balisage sensible au contexte, évitez d'utiliser des listes de définitions uniquement comme moyen de mise en forme (pour obtenir du texte indenté). Utilisez des feuilles de style et des paramètres de marge variable pour la mise en forme.

Dans Navigator 4, les styles affectés aux éléments dt et dd au moyen de l'attribut class, id ou style ne fonctionnent pas. Si vous voulez affecter les mêmes attributs de style aux éléments dt et dd, affectez le style à l'élément dl; sinon, entourez les éléments dt et dd d'un élément span dont les éléments imbriqués dt et dd hériteront du style. Ce palliatif est observé dans Internet Explorer  4, bien qu'il ne soit pas nécessaire pour les documents uniquement destinés à Internet Explorer  4.

Description de l'élément. Pour les éléments HTML qui produisent du contenu visible sur la page, IE 4 et versions ultérieures ainsi que Netscape 6 affichent le contenu de l'attribut title sous forme d'info-bulle lorsque le curseur reste un moment sur l'élément concerné. Par exemple, l'élément de colonne col n'affiche pas le contenu, donc son attribut title fournit simplement des informations. Pour générer des info-bulles dans les tableaux, affectez des attributs title aux éléments tels que table, tr, th ou td.

Les propriétés de police et de couleur sont régies par le navigateur et ne peuvent pas être modifiées par script. Dans IE pour Windows, l'info-bulle est le petit rectangle jaune clair standard; dans IE pour Macintosh, l'info-bulle s'affiche comme une bulle de BD, à la manière du système d'aide de MacOS. Dans Netscape 6, les info-bulles s'affichent toujours sous la forme du même petit rectangle quelle que soit la version du système d'exploitation. Si aucun attribut n'est spécifié, l'info-bulle ne s'affiche pas.

Vous pouvez affecter à cet attribut le texte descriptif de votre choix. Etant donné que tout le monde ne le verra pas, n'y placez pas d'informations essentielles. Peut-être les navigateurs conçus pour satisfaire les critères d'accessibilité Web utiliseront-ils les informations de cet attribut pour lire les informations au sujet d'un lien ou d'éléments autres que du texte à des utilisateurs malvoyants. Donc, ne négligez pas cette aide potentiellement utile pour décrire l'objectif d'un élément sur une page.

Bien que les indications de compatibilité pour cet attribut le fassent remonter à l'époque de Microsoft Internet Explorer 3 et HTML 3.2, il est nouvellement affecté à de nombreux éléments à partir de Microsoft Internet Explorer 4 et de HTML 4.0.