HTML Element - `meter`

Das meter-Element dient zur Anzeige eines Messwerts.

Beispiel

<h1>Beliebtes Heißgetränke der Besucher</h1>
<label for="schokolade">Heiße Schokolade:</label>
<meter id="schokolade" value="80" min="0" max="100"></meter> 80 von 100
<h2>Speicherplatz für Bilder auf C:</h2>
<label for="images">Bilder:</label>
<meter id="images" value="0.2"></meter> 20%

Definition und Verwendung

Das meter-Element stellt einen Skalarwert innerhalb eines bekannten Bereichs oder einen Bruchteilswert dar; beispielsweise die Festplattennutzung, die Relevanz eines Suchergebnisses oder den Stand einer Abstimmung.

Hinweis: Das meter-Element sollte nicht zur Fortschrittsanzeige (wie in einem Fortschrittsbalken) verwendet werden.

Hinweis: Für eine optimale Barrierefreiheit immer das label-Element hinzufügen!

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Attribute-Tabelle
Attribut	Wert	Beschreibung
high	Zahl	Gibt den Bereich an, der als hoher Wert gilt.
low	Zahl	Gibt den Bereich an, der als niedriger Wert gilt.
max	Zahl	Gibt den Maximalwert des Bereichs an.
min	Zahl	Gibt den Minimalwert des Bereichs an. Der Standardwert ist 0.
optimum	Zahl	Gibt den optimalen Wert für das Messgerät an.
value	Zahl	Erforderlich. Gibt den aktuellen Wert des Messgeräts an.

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des `meter` durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element	Firefox	Internet Explorer / Edge	Safari	Chrome	Opera
`<meter>`
seit Version:	16.0	13.0	6.0	8.0	11.5