<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 einem Programmierszenario. Es wird typischerweise in einer kursiven Version der aktuellen Schriftart dargestellt, 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.

Anwendungshinweise

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

Wenn Sie auf Code stoßen, der <var> fälschlicherweise für stilistische Zwecke anstelle semantischer Zwecke verwendet, sollten Sie entweder ein <span> mit geeigneter CSS oder ein geeignetes semantisches Element aus den folgenden verwenden:

Standardstil

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

css
var { font-style: normal; }

Beispiele

Grundlegendes Beispiel

Hier ist ein grundlegendes Beispiel, bei dem <var> verwendet wird, um Variablennamen in einer mathematischen Gleichung zu bezeichnen.

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

Ergebnis

Überschreiben des Standardstils

Mit CSS können Sie den Standardstil des <var>-Elements überschreiben. In diesem Beispiel werden Variablennamen fett dargestellt, unter Verwendung von Courier, falls verfügbar, andernfalls wird auf die standardmäßige Monospace-Schrift 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>

Dieser HTML-Code verwendet <var>, um die Namen zweier Variablen einzuschließen.

Ergebnis

Technische Zusammenfassung

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

Spezifikationen

Specification
HTML
# the-var-element

Browser-Kompatibilität