HTML-Element <var> für Variablen
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das HTML-Element <var> stellt den Namen einer Variablen in einem mathematischen Ausdruck oder einem Programmierkontext dar. Es wird üblicherweise in einer kursiven Variante der aktuellen Schriftart dargestellt. Dieses Verhalten hängt jedoch vom Browser ab.
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 unterstützt nur die globalen Attribute.
Hinweise zur Verwendung
Verwandte Elemente
Weitere Elemente, die in ähnlichen Kontexten wie <var> verwendet werden, sind:
<code>: Das HTML-Element für Code<kbd>: Das HTML-Element für Tastatureingaben<samp>: Das HTML-Element für Beispielausgaben
Wenn <var> fälschlicherweise zur Gestaltung statt zur semantischen Kennzeichnung verwendet wird, sollten Sie entweder ein <span> mit entsprechendem CSS oder eines der folgenden passenden semantischen Elemente verwenden:
Standardstil
Die meisten Browser setzen font-style bei der Darstellung von <var> auf "italic". Dies lässt sich mit CSS überschreiben:
var {
font-style: normal;
}
Beispiele
Einfaches Beispiel
Dieses einfache Beispiel verwendet <var>, um Variablennamen in einer mathematischen Gleichung zu kennzeichnen.
<p>An algebraic equation: <var>x</var> = <var>y</var> + 2</p>
Ergebnis
Standardstil überschreiben
Mit CSS können Sie den Standardstil des Elements <var> überschreiben. In diesem Beispiel werden Variablennamen fett und, falls verfügbar, in Courier dargestellt. Andernfalls wird die Standardschriftart mit fester Zeichenbreite verwendet.
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 zweier Variablen einzuschließen.
CSS
var {
font:
bold 15px "Courier",
"Courier New",
monospace;
}
Ergebnis
Technische Zusammenfassung
| Inhaltskategorien | Flussinhalt, Textinhalt, wahrnehmbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Textinhalt. |
| Weglassen von Tags | Keines; sowohl das Start- als auch das End-Tag sind erforderlich. |
| Erlaubte Elternelemente | Jedes Element, das Textinhalt akzeptiert. |
| Implizite ARIA-Rolle | Keine entsprechende Rolle |
| Erlaubte ARIA-Rollen | Beliebige |
| DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
Spezifikationen
| Spezifikation |
|---|
| HTML # the-var-element |