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é.

Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, les balises de début et de fin sont obligatoires.
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

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 :

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

Exemples

Exemple simple

HTML

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

Résultat

Surcharger la mise en forme par défaut

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>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<var>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<var>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple Oui Oui1 Oui Oui Oui
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple Oui Oui Oui4 Oui Oui Oui

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, tregagnon
Dernière mise à jour par : SphinxKnight,