Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<meter>NEU

Mit der Implementierung des <meter> Elements in die HTML5 Spezifikation wurde ein allgemeines Element zur Auszeichnung skalarer Werte bereitgestellt. Durch die einzelnen Attribute wird die Werteskala definiert, und bietet so die Möglichkeit, den tatsächlichen Wert mit Hilfe dieser Informationen einzugruppieren.

elementspezifischen Attribute
AttributBeschreibung
valueDefiniert den aktuellen Wert der Bewertung
minDefiniert den Minimalwert der Bewertung
maxDefiniert den maximalen Wert der Bewertung
lowWerteschwelle zum unteren Bereich der Bewertung
highWerteschwelle zum oberen Bereich der Bewertung
optimumOptimaler Wert der aktuellen Bewertung
titleEinheit aktuellen Bewertung

Beispiel:

<dl>
<dt>Ausgabe mit Wertebereich</dt>
<dd>
<meter max="100" value="25">25 von 100</meter>
</dd>
<dt>Ausgabe mit definiertem Minimum/Maximum </dt>
<dd>
<meter min="0" max="100" value="55">55%</meter>
</dd>
<dt>Ausgabe mit definiertem Minimum/Maximum sowie Einheit der Bewertung</dt>
<dd>
<meter min="0" max="100" value="65" title="Euro">65.00 Euro</meter>
</dd>
<dt>Ausgabe mit definiertem Minimum/Maximum sowie Optimalem Wert und Wertebereich</dt>
<dd>
<meter min="0" max="100" low="50" high="95" value="85" optimum="100" title="Euro">85.00 Euro</meter>
</dd>
</dl>

Beispiel:

Ausgabe mit Wertebereich
25 von 100
Ausgabe mit definiertem Minimum/Maximum
55%
Ausgabe mit definiertem Minimum/Maximum sowie Einheit der Bewertung
65.00 Euro
Ausgabe mit definiertem Minimum/Maximum sowie Optimalem Wert und Wertebereich
85.00 Euro

Notation

<meter [Attribute]>[Elementinhalt]</meter>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente .


Elementinhalt

Kann Text mit folgenden anderen HTML-Elementen enthalten:
Liste der HTML 5 Inline-ElementeInline-Elemente.


Attribute

Kann folgende elementspezifische Attribute enthalten:
zum HTML5 Attribut highhigh | zum HTML5 Attribut lowlow | zum HTML5 Attribut maxmax | zum HTML5 Attribut minmin | zum HTML5 Attribut optimumoptimum | zum HTML5 Attribut titletitle | zum HTML5 Attribut valuevalue

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex

onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


W3C Logo Spezifikation

Tastaturkürzel