Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <var>

Het <var>-element van HTML vertegenwoordigt de naam van een variabele in een wiskundige uitdrukking of programmeercontext. Het wordt doorgaans weergegeven in een cursieve versie van het huidige lettertype, hoewel dat gedrag afhankelijk is van de browser.

Code
<p>
  The volume of a box is <var>l</var> × <var>w</var> × <var>h</var>, where
  <var>l</var> represents the length, <var>w</var> the width and
  <var>h</var> the height of the box.
</p>
Resultaat in de browser

Attributen

Dit element bevat alleen de globale attributen.

Gebruiksaanwijzingen

Gerelateerde elementen

Andere elementen die vaak worden gebruikt in contexten waarin ook <var> voorkomt, zijn onder meer:

  • <code>: het HTML Code-element
  • <kbd>: het HTML Keyboard input-element
  • <samp>: het HTML Sample Output-element

Als u code tegenkomt waarin <var> per ongeluk voor stylingdoeleinden wordt gebruikt in plaats van voor semantische doeleinden, kunt u het beste een <span> met bijbehorende CSS gebruiken, of anders een geschikt semantisch element uit de volgende lijst:

Standaardstijl

De meeste browsers passen font-style toe met de waarde "italic" bij het weergeven van <var>. Dit kan in CSS worden overschreven, zoals hier:

CSS
var {
  font-style: normal;
}

Voorbeelden

Eenvoudig voorbeeld

Hier is een eenvoudig voorbeeld waarin <var> wordt gebruikt om variabelenamen in een wiskundige vergelijking aan te duiden.

HTML
<p>An algebraic equation: <var>x</var> = <var>y</var> + 2</p>

Resultaat

Resultaat in de browser

De standaardstijl overschrijven

Met CSS kunt u de standaardstijl van het <var>-element overschrijven. In dit voorbeeld worden variabelenamen vetgedrukt weergegeven, met Courier indien beschikbaar, en anders met het standaard monospace-lettertype als terugvaloptie.

CSS

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

HTML

HTML
<p>
  The variables <var>minSpeed</var> and <var>maxSpeed</var> control the minimum
  and maximum speed of the apparatus in revolutions per minute (RPM).
</p>

Deze HTML gebruikt <var> om de namen van twee variabelen te omsluiten.

Resultaat

Resultaat in de browser

Technische samenvatting

Inhoudscategorieën Flow content, phrasing content, tastbare content (palpable content).
Toegestane inhoud Phrasing content.
Weglaten van tags Geen, zowel de begin- als de eindtag zijn verplicht.
Toegestane ouders Elk element dat phrasing content accepteert.
Impliciete ARIA-rol Geen overeenkomstige rol
Toegestane ARIA-rollen Elke
DOM-interface HTMLElement

Verwante elementen