<var>: Das Variable-Element

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.

Das <var> HTML Element repräsentiert den Namen einer Variablen in einem mathematischen Ausdruck oder in einem Programmierkontext. Es wird typischerweise in einer kursiven Version der aktuellen Schriftart präsentiert, obwohl dieses Verhalten vom Browser abhängig ist.

Probieren Sie es aus

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

var {
  font-weight: bold;
}

Attribute

Dieses Element beinhaltet nur die globalen Attribute.

Verwendungshinweise

Verwandte Elemente

Andere Elemente, die in Kontexten verwendet werden, in denen <var> üblicherweise benutzt wird, sind:

  • <code>: Das HTML Code-Element
  • <kbd>: Das HTML Tastatureingabe-Element
  • <samp>: Das HTML Beispielausgabe-Element

Falls Sie auf Code stoßen, der <var> fälschlicherweise aus Stilgründen anstelle von semantischen Zwecken verwendet, sollten Sie entweder ein <span> mit entsprechender CSS oder ein geeignetes semantisches Element unter den folgenden verwenden:

Standardstil

Die meisten Browser wenden font-style "italic" an, wenn <var> gerendert wird. Dies kann in CSS wie folgt überschrieben werden:

css
var {
  font-style: normal;
}

Beispiele

Einfaches Beispiel

Hier ist ein einfaches Beispiel, das <var> verwendet, um Variablennamen in einer mathematischen Gleichung zu kennzeichnen.

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

Ergebnis

Überschreiben des Standardstils

Mit CSS können Sie den Standardstil für das <var>-Element überschreiben. In diesem Beispiel werden Variablennamen fett dargestellt, wobei Courier verwendet wird, wenn verfügbar. Ansonsten wird die standardmäßige Monospace-Schriftart genutzt.

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>

Dieses HTML nutzt <var>, um die Namen von zwei Variablen einzuschließen.

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, Phraseninhalt, greifbarer Inhalt.
Erlaubter Inhalt Phraseninhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Phraseninhalt akzeptiert.
Implizite ARIA-Rolle Keine entsprechende Rolle
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-var-element

Browser-Kompatibilität