<var> : l'élément de variable

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

L'élément HTML <var> représente une variable dans une expression mathématique ou un texte lié à la programmation. Son contenu est généralement représenté avec une version italique de la police environnante utilisée, toutefois, ce comportement peut dépendre du navigateur utilisé.

Exemple interactif

Attributs

Cet élément inclut les attributs universels.

Notes d'utilisation

Éléments associés

Voici d'autres éléments qui sont fréquemment utilisés dans les contextes où <var> est utilisé :

Si vous trouvez un élément <var> utilisé uniquement pour la mise en forme, il est préférable de remplacer celui-ci par un élément <span> auquel on appliquera les règles CSS souhaitées.

Mise en forme par défaut

La plupart des navigateurs appliquent la propriété font-style avec la valeur "italic" lors de l'affichage d'un élément <var>. Ce comportement peut être surchargé par la feuille de style CSS du site :

css

var {
  font:
    bold 15px "Courier",
    "Courier New",
    monospace;
}

Exemples

Exemple simple

HTML

html

<p>
  Une équation simple :
  <var>x</var> = <var>y</var> + 2
</p>

Résultat

Surcharger la mise en forme par défaut

CSS

css

var {
  font:
    bold 15px "Courier",
    "Courier New",
    monospace;
}

HTML

html

<p>
  Les variables <var>minSpeed</var> et <var>maxSpeed</var> contrôlent les
  vitesses minimale et maximale de l'appareil et sont exprimées en tours par
  minute.
</p>

Résultat

Résumé technique

Catégories de contenu	Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé	Contenu phrasé.
Omission de balises	~~unsupported templ: no_tag_omission~~
Parents autorisés	Tout élément qui accepte du contenu phrasé.
Rôles ARIA autorisés	Tous les rôles sont autorisés.
Interface DOM	`HTMLElement`

Spécifications

Specification
HTML Standard # the-var-element

Compatibilité des navigateurs

BCD tables only load in the browser