<dfn>

Un terme défini à cet endroit du texte, c’est-à-dire la première utilisation, explicative, du concept.

Affichage
inline
Balise fermante
Obligatoire
Contenu autorisé
Contenu phrasant sans autres éléments <dfn>
Sur cette page

Exemple

#
HTML
<p>Une <dfn>variable</dfn> est un emplacement nommé en mémoire, où un programme stocke une valeur, par exemple le score d’un joueur.</p>
Aperçu

Définition et utilisation

#

L’élément <dfn> marque un terme que vous êtes en train de définir. La définition doit se trouver dans son voisinage immédiat : dans le même paragraphe, dans la même paire <dt> et <dd> d’une liste de définitions, ou dans la section qui contient le terme. Les navigateurs affichent <dfn> en italique.

Marquez avec lui uniquement l’endroit où le concept est expliqué, pas chacune de ses occurrences. Si le contenu de l’élément est une abréviation ou une autre forme du terme, donnez le libellé complet dans l’attribut global title.

Il vaut la peine de donner un id à la définition. Vous pouvez alors créer un lien vers le terme plus loin dans le texte, et le lecteur revient à l’explication en un clic. C’est ainsi que l’on construit des glossaires pratiques.

Syntaxe

#
Syntaxe
<p><dfn>Terme</dfn> est…</p>

Attributs

#

Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.

Plus d’exemples

#
Une abréviation définie avec un lien
HTML
<p>
  Le <dfn id="def-dom"><abbr title="Document Object Model">DOM</abbr></dfn>
  est l’arbre d’objets que le navigateur construit à partir du code HTML de la page.
</p>
<p>Les scripts changent l’apparence de la page en modifiant le <a href="#def-dom">DOM</a>.</p>
Aperçu

CSS par défaut

#

La plupart des navigateurs affichent cet élément avec ces styles par défaut :

CSS
dfn {
  font-style: italic;
}

Compatibilité des navigateurs

#

Largement disponible

Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.

  • Chrome
  • Edge
  • Firefox
  • Safari

Bonnes pratiques

#
  • Ne marquez que l’occurrence qui définit le concept, généralement la première.
  • Donnez un id à la définition et créez des liens vers elle depuis la suite du texte.
  • Dans les glossaires, placez <dfn> à l’intérieur de <dt>, et l’explication dans <dd>.

Entrées associées

#

Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.