<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ä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>
oft 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 Stilzwecke anstelle von semantischen Zwecken verwendet, sollten Sie entweder ein <span>
mit geeignetem CSS verwenden oder ein geeignetes semantisches Element aus den folgenden:
Standardstil
Die meisten Browser setzen font-style
auf "italic"
beim Rendern von <var>
. Dies kann in CSS überschrieben werden, wie folgt:
var {
font-style: normal;
}
Beispiele
Einfaches Beispiel
Hier ist ein einfaches Beispiel, das <var>
verwendet, um Variablennamen in einer mathematischen Gleichung zu kennzeichnen.
<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, wobei Courier verwendet wird, falls verfügbar, andernfalls wird zur 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
Inhaltskategorien | Fließinhalt, Phraseninhalt, wahrnehmbarer Inhalt. |
---|---|
Erlaubter Inhalt | Phraseninhalt. |
Tag-Auslassung | Keine, sowohl das öffnende als auch das schließende Tag sind zwingend erforderlich. |
Erlaubte Eltern | Jedes Element, das Phraseninhalt akzeptiert. |
Implizierte ARIA-Rolle | Keine entsprechende Rolle |
Erlaubte ARIA-Rollen | Jede |
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