<var> HTML-Variablelement

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 enthält nur die globalen Attribute.

Anwendungshinweise

Verwandte Elemente

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

• <code>: Das HTML-Codeelement
• <kbd>: Das HTML-Tastatureingabeelement
• <samp>: Das HTML-Beispielausgabeelement

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

• <em>
• <i>
• <q>

Standardstil

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

var {
  font-style: normal;
}

Beispiele

Einfaches Beispiel

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

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

Ergebnis

Den Standardstil überschreiben

Mit CSS können Sie den Standardstil für das <var>-Element überschreiben. In diesem Beispiel werden Variablennamen fett dargestellt, wobei Courier verwendet wird, falls verfügbar, andernfalls wird auf die Standard-Monospace-Schriftart zurückgegriffen.

CSS

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

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

Spezifikationen

Browser-Kompatibilität