Referenz:HTML/meter

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Hauptartikel: HTML/Formulare/meter
Name meter HTML5
Bedeutung repräsentiert einen skalaren Wert zur Fortschrittsanzeige
Syntax Start-Tag: notwendig
End-Tag: notwendig
<meter>…</meter>
optionale Tags

{{{optional}}}

WAI-ARIA-Rolle
  • keine
Elternelemente Darf vorkommen in:
  • allen Elementen, die fließenden Inhalt erlauben
Info: Elemente, die fließenden Inhalt erlauben (flow content expected)Info: Elemente, die fließenden Inhalt erlauben (flow content expected)

Information: Elemente, die fließenden Inhalt erlauben

erlaubte Inhalte
  • Text
  • beliebig viele Stil-Elemente
  • aber nicht meter
Info: Stil-Elemente (phrasing content)Info: Stil-Elemente (phrasing content)

Information: Stil-Elemente

Browsersupport
  • Chrome
  • Firefox
  • Edge
  • Opera
  • Safari
Details: caniuse.com
Spezifikation W3c logo klein.gif The meter element
Beachten Sie

Aus Gründen der Barrierefreiheit sollten Sie den aktuellen Wert auch in den Inhalt des meter-Elementes schreiben.

Tipp
Validität Prüfen Sie, ob Ihr Markup valide ist, falls Sie sich nicht sicher sind.
Attribute
Name Inhalt Standardwert Bedeutung
Universalattribute
id ID identifiziert ein einziges Element innerhalb eines Dokuments
class CDATA ordnet ein Element einer oder mehreren Klassen zu.
accesskey ID Tastaturkürzel
contenteditable CDATA editierbarer Inhalt
contextmenu definiert Kontextmenü
dir ltr, rtl definiert die Schreibrichtung innerhalb des Dokuments
draggable ID kann mit Drag & Drop gezogen werden
dropzone CDATA Aktion bei Ablegen
hidden versteckter Inhalt
lang NAME legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766]
spellcheck ID Rechtschreibprüfung
style CDATA notiert direkt in einem Element- style sheet data
tabindex NAME zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird.
title CDATA betitelt oder beschreibt ein Element.
form CDATA bestimmt das Form-Element, welches diesem Element, als Besitzer, zugeordnet ist. Dieses Attribut wird nur verwendet, wenn dieses Element mit einem Form-Element verwendet wird.
high NUMBER max bestimmt die untere numerische Begrenzung des oberen zu messenden Bereichs. Dieser muss kleiner als der Wert des max Attributes und größer als der Wert des min Attributes sein, wenn einer dieser Werte angegeben wurde. Wurde keiner angegeben, ist dieses Attribut gleich dem max Attribut.
low NUMBER min bestimmt die obere numerische Begrenzung des unteren zu messenden Bereichs. Dieser muss größer als der Wert des min Attributes und kleiner als der Wert des max Attributes sein, wenn einer dieser Werte angegeben wurde. Wurde keiner angegeben, ist dieses Attribut gleich dem min Attribut.
max NUMBER 1 Die obere numerische Grenze des zu messenden Bereichs. Dieser Wert muss größer sein als der angegebene Wert im min Attribut.
min NUMBER 0 Die untere numerische Grenze des zu messenden Bereichs. Dieser Wert muss kleiner sein als der angegebene Wert im max Attribut.
optimum NUMBER bestimmt den optimalen numerischen Wert. Dieser muss innerhalb des Bereichs liegen, der durch die min und max Attribute definiert wurde. Wenn dieses mit den low und high Attributen verwendet wird, gibt dies einen Hinweis darauf welcher Bereich vorzuziehen ist.
value NUMBER 0 bestimmt den aktuellen numerischen Wert. Dieser Wert muss zwischen den min und max Attribut Werten liegen, wenn diese Angaben gemacht wurden. Wenn keine Angaben gemacht werden, oder diese fehlerhaft sind ist der Wert 0. Wurden Angaben gemacht und diese sind nicht in dem Bereich die für die min und max Attribute zugewiesen wurden, ist der Wert gleich zu dem Ende des Bereiches der am nächsten liegt.

Attribut: Pflichtattribut
Attribut: optionales Attribut