Balise HTML `<dfn>`

La balise <dfn> est utilisée pour définir le terme spécifié dans le contexte d'une phrase ou d'une définition. Dans le navigateur, le contenu de la balise est affiché en italique.

La balise <p>, la paire <dt>/<dd> ou la balise <section> servent de contexte de définition pour le terme.

Le terme défini est identifié selon les règles suivantes :

Si <dfn> possède un attribut title, la valeur de cet attribut est considérée comme le terme défini. Le texte à l'intérieur de l'élément peut être une abréviation (probablement en utilisant <abbr>).
Si <dfn> ne possède qu'un seul élément enfant qui est un élément <abbr> avec un attribut title, et que l'élément <dfn> n'a pas de contenu textuel, alors la valeur exacte du titre de <abbr> sera le terme défini.
Dans le cas contraire, le contenu textuel de <dfn> est le terme qui est défini.

Si un attribut id est inclus sur l'élément <dfn>, vous pouvez créer un lien vers cet élément avec des balises <a>. Ces liens aident le lecteur à naviguer rapidement vers la définition du terme en cliquant dessus.

Syntaxe

La balise <dfn> s'utilise par paires. Le contenu est écrit entre les balises d'ouverture (<dfn>) et de fermeture (</dfn>).

Exemple de la balise HTML `<dfn>` :

Définition HTML|Exemple de la balise HTML <dfn>|W3Docs

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p><dfn>HTML</dfn> (HyperText Markup Language ) — The standardized markup language for documents on the World Wide Web. Most web pages contain a description of the markup in the language HTML</p>
  </body>
</html>

Try it Yourself »

Résultat

dfn example

Dans l'exemple suivant, la valeur de l'attribut title est considérée comme le terme défini.

Exemple de la balise HTML `<dfn>` avec un attribut `title` :

Survolez pour voir la définition|Exemple de la balise HTML <dfn>|W3Docs

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Mouse over to see the definition.</p>
    <dfn title="HyperText Markup Language">HTML</dfn>
  </body>
</html>

Try it Yourself »

Résultat

Exemple de la balise HTML `<dfn>` avec la balise HTML `<abbr>` :

Exemple de la balise HTML <dfn> avec la balise <abbr> :

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Mouse over to see the definition.</p>
    <dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>
  </body>
</html>

Try it Yourself »

Attributs

Attribute	Value	Description
title		Specifies the definition of a term (shown when hovering).

La balise <dfn> prend également en charge les Attributs globaux et les Attributs d'événement.

Comment styliser une balise HTML <dfn>

css

dfn {
  color: #0056b3;
  font-weight: bold;
}

Pratique

Quelle est la bonne utilisation et fonction de la balise HTML <dfn> selon le contenu trouvé sur le site W3Docs ?

Elle est utilisée pour indiquer un terme de définition dans un document HTML.Elle contient des métadonnées sur la page et est généralement utilisée dans l'en-tête d'un document HTML.Le robot d'exploration de Google priorise le contenu à l'intérieur de la balise <dfn> pour le classement de la page.La balise <dfn> est principalement utilisée conjointement avec les balises <dl> (liste de définition), <dt> (terme de définition) et <dd> (description de définition).Le contenu à l'intérieur de la balise <dfn> est automatiquement mis en italique ou en gras selon les paramètres par défaut du navigateur.

Balise HTML <dfn> ​

Syntaxe ​

Exemple de la balise HTML <dfn> : ​

Résultat ​

Exemple de la balise HTML <dfn> avec un attribut title : ​

Résultat ​

Exemple de la balise HTML <dfn> avec la balise HTML <abbr> : ​

Attributs ​

Pratique ​

Balise HTML `<dfn>`

Syntaxe

Exemple de la balise HTML `<dfn>` :

Résultat

Exemple de la balise HTML `<dfn>` avec un attribut `title` :

Résultat

Exemple de la balise HTML `<dfn>` avec la balise HTML `<abbr>` :

Attributs

Pratique