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

Exemple interactif

<p>
  Le volume d'une boîte est <var>l</var> × <var>w</var> × <var>h</var>, où
  <var>l</var> représente la longueur, <var>w</var> la largeur et
  <var>h</var> la hauteur de la boîte.
</p>

var {
  font-weight: bold;
}

Attributs

Cet élément inclut uniquement 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é :

• <code> : l'élément de code
• <kbd> : l'élément de saisie au clavier
• <samp> : l'élément de sortie d'exemple

Si vous trouvez du code qui utilise <var> par erreur à des fins de mise en forme plutôt que pour des raisons sémantiques, vous devriez utiliser un <span> avec la CSS appropriée ou un élément sémantique approprié parmi les suivants :

• <em>
• <i>
• <q>

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 :

var {
  font-style: normal;
}

Exemples

Exemple simple

Voici un exemple simple, utilisant <var> pour indiquer des noms de variables dans une équation mathématique.

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

Résultat

Surcharger la mise en forme par défaut

À l'aide de CSS, vous pouvez surcharger le style par défaut de l'élément <var>. Dans cet exemple, les noms de variables sont affichés en gras, en utilisant Courier si disponible, sinon la police monospace par défaut est utilisée.

CSS

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

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>

Cet exemple HTML utilise <var> pour entourer les noms de deux variables.

Résultat

Résumé technique

Spécifications

Compatibilité des navigateurs