<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 dargestellt, obwohl dieses Verhalten vom Browser abhängt.

Probieren Sie es aus

Attribute

Dieses Element enthält nur die globalen Attribute.

Verwendungshinweise

Verwandte Elemente

Andere Elemente, die in Kontexten verwendet werden, in denen <var> häufig verwendet wird, umfassen:

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

Wenn Sie auf Code treffen, der fälschlicherweise <var> für Stilzwecke anstelle von semantischen Zwecken verwendet, sollten Sie entweder ein <span> mit entsprechendem CSS verwenden oder ein geeignetes semantisches Element aus den folgenden:

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, in dem <var> verwendet wird, um Variablennamen in einer mathematischen Gleichung darzustellen.

html
<p>A simple 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, unter Verwendung von Courier, falls verfügbar, andernfalls wird auf die Standardschriftart mit fester Breite zurückgegriffen.

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 verwendet <var>, um die Namen von zwei Variablen einzuschließen.

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, Ausdrucksinhalt, greifbarer Inhalt.
Erlaubter Inhalt Ausdrucksinhalt.
Tags weglassen Keine, sowohl das startende als auch das endende Tag sind obligatorisch.
Erlaubte Elternteile Jedes Element, das Ausdrucksinhalt akzeptiert.
Implizierte ARIA-Rolle Keine entsprechende Rolle
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML Standard
# the-var-element

Browser-Kompatibilität

BCD tables only load in the browser