HTML - Element: <meter>

Der <meter>-Tag (HTML 5) zeigt einen Meter (Balken) an. Dieser Tag definiert eine skalare Messung in einem bekannten Bereich. Mit dem Attribut max="" wird die maximale Weite angegeben und mit value="" die aktuelle Weite (siehe <progress>). Je nach Browser und Betriebssystem sieht die Anzeige anders aus.

<!DOCTYPE html>
<html>
<head>
 <title>Meter-Anzeige</title>
</head>
<body>

<h1>Meter-Anzeige</h1>

<p>
<meter></meter> <br>
<meter max="4" value="1">1 / 4</meter> <br>
<meter max="4" value="2">2 / 4</meter> <br>
<meter max="4" value="3">3 / 4</meter> <br>
<meter max="4" value="4">4 / 4</meter>
</p>

</body>
</html>

Beispiel anzeigen

Der <meter>-Tag kann nicht mit CSS formatiert werden!

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<ol> Nummerierte Liste

CSS - Datum als Kalenderblatt darstellen

PHP - Dateigröße und letzte Aktualisierung ausgeben

JavaScript - Eine Gruppe von Bildern markieren

MySQL - Bei doppelter HOST-Adresse in der Tabelle warnen

Kleine Dateien
Externe JavaScripts oder CSS-Dateien, sollten möglichst klein bleiben. Ein Effekt, der nur auf einer Seite benötigt wird, muss nicht bei jeder Seite mit geladen werden.