Globale Attribute

Liste der globalen Attribute

accesskey

Bietet einen Hinweis zum Erstellen einer Tastenkombination für das aktuelle Element. Dieses Attribut besteht aus einer durch Leerzeichen getrennten Liste von Zeichen. Der Browser sollte das erste verwenden, das auf dem Computer-Tastaturlayout existiert.

anchor Nicht standardisiert

Verknüpft ein positioniertes Element mit einem Anker-Element. Der Wert des Attributs ist der id-Wert des Elements, an das Sie das positionierte Element anheften möchten. Das Element kann dann mit CSS-Ankerpositionierung positioniert werden.

autocapitalize

Steuert, ob eingegebener Text automatisch großgeschrieben wird und, falls ja, in welcher Weise.

autocorrect

Steuert, ob eingegebener Text automatisch auf Rechtschreibfehler korrigiert wird. Dies kann auf Elemente angewendet werden, die editierbaren Text enthalten, mit Ausnahme von <input>-Elementen mit dem Attribut: type="password", type="email" oder type="url".

autofocus

Gibt an, dass ein Element beim Laden der Seite oder sobald der <dialog>, zu dem es gehört, angezeigt wird, fokussiert sein soll. Dieses Attribut ist ein boolesches Attribut, das anfänglich auf false gesetzt ist.

class

Eine durch Leerzeichen getrennte Liste der Klassen des Elements. Klassen ermöglichen CSS und JavaScript die Auswahl und den Zugriff auf spezifische Elemente über die Klassenselektoren oder Funktionen wie die Methode Document.getElementsByClassName().

contenteditable

Ein aufzählbares Attribut, das angibt, ob das Element vom Benutzer bearbeitet werden kann. Wenn ja, passt der Browser sein Widget zur Bearbeitung an. Das Attribut muss einen der folgenden Werte annehmen:

• true oder der leere String, was anzeigt, dass das Element bearbeitbar sein muss;
• false, was anzeigt, dass das Element nicht bearbeitbar sein muss;
• plaintext-only, was anzeigt, dass der Rohtext des Elements bearbeitbar ist, aber die Rich-Text-Formatierung ist deaktiviert.

data-*

Bildet eine Klasse von Attributen, genannt benutzerdefinierte Daten-Attribute, die den Austausch proprietärer Informationen zwischen dem HTML und seiner DOM-Repräsentation ermöglichen, die von Skripten verwendet werden können. Alle solchen benutzerdefinierten Daten sind über die HTMLElement-Schnittstelle des Elements, auf dem das Attribut gesetzt ist, verfügbar. Die HTMLElement.dataset-Eigenschaft ermöglicht den Zugriff darauf.

dir

Ein aufzählbares Attribut, das die Richtung des Textes des Elements angibt. Es kann folgende Werte haben:

• ltr, was von links nach rechts bedeutet und für Sprachen verwendet wird, die von links nach rechts geschrieben werden (wie Englisch);
• rtl, was von rechts nach links bedeutet und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);
• auto, das dem Benutzeragenten die Entscheidung überlässt. Es verwendet einen grundlegenden Algorithmus, während es die Zeichen innerhalb des Elements analysiert, bis es ein Zeichen mit starker Richtung findet, dann wendet es diese Richtung auf das gesamte Element an.

draggable

Ein aufzählbares Attribut, das angibt, ob das Element gezogen werden kann, unter Verwendung der Drag-and-Drop-API. Es kann die folgenden Werte haben:

• true, was anzeigt, dass das Element gezogen werden darf;
• false, was anzeigt, dass das Element nicht gezogen werden darf.

enterkeyhint

Gibt einen Hinweis darauf, welches Aktionslabel (oder -symbol) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.

exportparts

Wird verwendet, um Schattenelemente transitiv von einem verschachtelten Schattenbaum in einen umgebenden Lichtbaum zu exportieren.

hidden

Ein aufzählbares Attribut, das angibt, dass das Element noch nicht oder nicht mehr relevant ist. Es kann beispielsweise verwendet werden, um Elemente der Seite auszublenden, die nicht verwendet werden können, bis der Anmeldeprozess abgeschlossen ist. Der Browser rendert solche Elemente nicht. Dieses Attribut darf nicht verwendet werden, um Inhalte auszublenden, die legitim angezeigt werden könnten.

id

Definiert einen eindeutigen Bezeichner (ID), der im gesamten Dokument eindeutig sein muss. Sein Zweck ist es, das Element beim Verlinken (unter Verwendung eines Fragmentidentifikators), beim Skripten oder beim Styling (mit CSS) zu identifizieren.

inert

Ein boolescher Wert, der den Browser dazu bringt, Benutzereingabeereignisse für das Element zu ignorieren. Nützlich, wenn Klickereignisse vorhanden sind.

inputmode

Gibt einen Hinweis an die Browser über die Art der virtuellen Tastaturkonfiguration, die verwendet werden soll, wenn dieses Element oder dessen Inhalt bearbeitet wird. Wird hauptsächlich bei <input>-Elementen verwendet, kann jedoch bei jedem Element im contenteditable-Modus verwendet werden.

is

Ermöglicht es Ihnen, anzugeben, dass ein Standard-HTML-Element wie ein registriertes, benutzerdefiniertes eingebautes Element verhalten soll (siehe Verwendung benutzerdefinierter Elemente für mehr Details).

itemid

Der einzigartige, globale Bezeichner eines Elements.

itemprop

Wird verwendet, um Eigenschaften zu einem Element hinzuzufügen. Jedes HTML-Element kann ein itemprop-Attribut spezifiziert haben, wobei ein itemprop aus einem Namen-Wert-Paar besteht.

itemref

Eigenschaften, die keine Nachkommen eines Elements mit dem itemscope-Attribut sind, können mithilfe eines itemref mit dem Element assoziiert werden. Es gibt eine Liste von Element-IDs (nicht itemids) mit zusätzlichen Eigenschaften anderswo im Dokument.

itemscope

itemscope arbeitet in der Regel zusammen mit itemtype, um anzugeben, dass das HTML in einem Block über ein bestimmtes Element handelt. itemscope erstellt das Element und definiert den Geltungsbereich des mit ihm verbundenen itemtype. itemtype ist eine gültige URL eines Vokabulars (wie schema.org), das das Element und seine Eigenschaften im Kontext beschreibt.

itemtype

Gibt die URL des Vokabulars an, das verwendet wird, um itemprops (Elementeigenschaften) in der Datenstruktur zu definieren. itemscope wird verwendet, um den Umfang festzulegen, in dem innerhalb der Datenstruktur das durch itemtype festgelegte Vokabular aktiv sein wird.

lang

Hilft, die Sprache eines Elements zu definieren: die Sprache, in der nicht bearbeitbare Elemente vorliegen, oder die Sprache, in der bearbeitbare Elemente vom Benutzer geschrieben werden sollten. Das Attribut sollte ein gültiges BCP 47 Sprach-Tag enthalten. xml:lang hat Priorität darüber.

nonce

Ein kryptografischer Nonce („Zahl, die einmal verwendet wird“), der von der Content Security Policy verwendet werden kann, um zu bestimmen, ob ein gegebener Abruf ausgeführt werden darf.

part

Eine durch Leerzeichen getrennte Liste der Teilnamen des Elements. Teilenamen ermöglichen es CSS, spezifische Elemente in einem Schattendom über das ::part Pseudoelement auszuwählen und zu stylen.

popover

Wird verwendet, um ein Element als Popover-Element zu kennzeichnen (siehe Popover-API). Popover-Elemente sind via display: none versteckt, bis sie über ein aufrufendes/steuerndes Element (d.h. ein <button> oder <input type="button"> mit einem popovertarget-Attribut) oder einen HTMLElement.showPopover()-Aufruf geöffnet werden.

role

Rollen definieren die semantische Bedeutung von Inhalten und ermöglichen es Bildschirmlesern und anderen Werkzeugen, mit einem Objekt auf eine Weise zu interagieren, die den Erwartungen der Nutzer an diesen Objekttyp entspricht. roles werden zu HTML-Elementen hinzugefügt, indem role="role_type" verwendet wird, wobei role_type der Name einer Rolle in der ARIA-Spezifikation ist.

slot

Weist einem Element einen Slot in einem Schatten-DOM Schattenbaum zu: Ein Element mit einem slot-Attribut wird dem Slot zugewiesen, der vom <slot>-Element erstellt wurde, dessen name-Attributswert mit dem Wert des slot-Attributs übereinstimmt.

spellcheck

Ein aufzählbares Attribut, das definiert, ob das Element auf Rechtschreibfehler überprüft werden kann. Es kann folgende Werte haben:

• leerer String oder true, was anzeigt, dass das Element, wenn möglich, auf Rechtschreibfehler überprüft werden sollte;
• false, was anzeigt, dass das Element nicht auf Rechtschreibfehler überprüft werden sollte.

style

Enthält CSS-Stildeklarationen, die auf das Element angewendet werden sollen. Beachten Sie, dass es empfohlen wird, Stile in einer separaten Datei oder Dateien zu definieren. Dieses Attribut und das <style>-Element haben hauptsächlich den Zweck, eine schnelle Stilgestaltung zu ermöglichen, beispielsweise für Testzwecke.

tabindex

Ein ganzzahliges Attribut, das angibt, ob das Element Eingabefokus erhalten kann (ist fokussierbar), ob es an der sequentiellen Tastaturnavigation teilnehmen sollte und, wenn ja, an welcher Position. Es kann verschiedene Werte annehmen:

• ein negativer Wert bedeutet, dass das Element fokussierbar sein sollte, aber nicht über sequenzielles Tastaturnavigation erreichbar sein sollte;
• 0 bedeutet, dass das Element fokussierbar und über sequenzielle Tastaturnavigation erreichbar sein sollte, aber seine relative Reihenfolge wird durch die Plattformkonvention definiert;
• ein positiver Wert bedeutet, dass das Element fokussierbar und über sequenzielle Tastaturnavigation erreichbar sein sollte; die Reihenfolge, in der die Elemente fokussiert werden, ist der zunehmende Wert des tabindex. Wenn mehrere Elemente den gleichen Tabindex teilen, folgt ihre relative Reihenfolge ihren relativen Positionen im Dokument.

title

Enthält einen Text, der beratende Informationen im Zusammenhang mit dem zugehörigen Element darstellt. Solche Informationen können typischerweise, aber nicht zwingend, dem Benutzer als Tooltip angezeigt werden.

translate

Ein aufzählbares Attribut, das verwendet wird, um anzugeben, ob die Attributwerte eines Elements und die Werte seiner Text-Knotenkinder beim Lokalisieren der Seite übersetzt oder unverändert gelassen werden sollen. Es kann folgende Werte annehmen:

• leerer String oder yes, was anzeigt, dass das Element übersetzt wird.
• no, was anzeigt, dass das Element nicht übersetzt wird.

virtualkeyboardpolicy Experimentell

Ein aufzählbares Attribut, das das Verhalten der virtuellen Bildschirmtastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten, bei denen möglicherweise keine Hardware-Tastatur verfügbar ist, für Elemente steuert, deren Inhalt bearbeitbar ist (zum Beispiel ist es ein <input>- oder <textarea>-Element oder ein Element mit dem contenteditable-Attribut).

• auto oder ein leerer String, was die virtuelle Tastatur automatisch anzeigt, wenn das Element fokussiert oder angetippt wird.
• manual, das den Fokus und das Antippen des Elements vom Zustand der virtuellen Tastatur entkoppelt.

writingsuggestions

Ein aufzählbares Attribut, das angibt, ob vom Browser bereitgestellte Schreibvorschläge unter dem Geltungsbereich des Elements aktiviert sein sollen.

• false, was die Schreibvorschläge des Browsers deaktiviert.
• true oder ein leerer String, was Schreibvorschläge aktiviert.

Liste der globalen Event-Handler-Attribute

HTML-Event-Handler-Attribute sind nicht empfehlenswert; siehe HTML-Attributreferenz, um zu erfahren, wie sie funktionieren.

Obwohl die unten aufgeführten Attribute für alle Elemente gelten, sind sie nicht auf allen Elementen nützlich. Zum Beispiel wird das onvolumechange-HTML-Attribut von allen Elementen akzeptiert und fügt einen Ereignis-Listener für volumechange hinzu, aber nur Medienelemente erhalten jemals ein vom Browser ausgelöstes volumechange-Ereignis. Für andere Elemente können Sie nur EventTarget.dispatchEvent() verwenden, um ein solches manuell auszulösen. Einige Attribute können auf <body> angegeben werden, aber sie würden stattdessen auf Ereignisse auf dem window hören.

• onabort
• onanimationcancel
• onanimationend
• onanimationiteration
• onanimationstart
• onauxclick
• onbeforeinput
• onbeforematch
• onbeforetoggle
• onblur
• oncancel
• oncanplay
• oncanplaythrough
• onchange
• onclick
• onclose
• oncommand
• oncontentvisibilityautostatechange
• oncontextlost
• oncontextmenu
• oncontextrestored
• oncopy
• oncuechange
• oncut
• ondblclick
• ondrag
• ondragend
• ondragenter
• ondragleave
• ondragover
• ondragstart
• ondrop
• ondurationchange
• onemptied
• onended
• onerror
• onfocus
• onfocusin
• onfocusout
• onformdata
• onfullscreenchange
• onfullscreenerror
• ongesturechange Nicht standardisiert
• ongestureend Nicht standardisiert
• ongesturestart Nicht standardisiert
• ongotpointercapture
• oninput
• oninvalid
• onkeydown
• onkeypress Veraltet
• onkeyup
• onload
• onloadeddata
• onloadedmetadata
• onloadstart
• onlostpointercapture
• onmousedown
• onmouseenter
• onmouseleave
• onmousemove
• onmouseout
• onmouseover
• onmouseup
• onmousewheel Veraltet Nicht standardisiert
• onpaste
• onpause
• onplay
• onplaying
• onpointercancel
• onpointerdown
• onpointerenter
• onpointerleave
• onpointermove
• onpointerout
• onpointerover
• onpointerrawupdate
• onpointerup
• onprogress
• onratechange
• onreset
• onresize
• onscroll
• onscrollend
• onscrollsnapchange Experimentell
• onscrollsnapchanging Experimentell
• onsecuritypolicyviolation
• onseeked
• onseeking
• onselect
• onselectionchange
• onselectstart
• onslotchange
• onstalled
• onsubmit
• onsuspend
• ontimeupdate
• ontoggle
• ontouchcancel
• ontouchend
• ontouchmove
• ontouchstart
• ontransitioncancel
• ontransitionend
• ontransitionrun
• ontransitionstart
• onvolumechange
• onwaiting
• onwebkitmouseforcechanged Nicht standardisiert
• onwebkitmouseforcedown Nicht standardisiert
• onwebkitmouseforceup Nicht standardisiert
• onwebkitmouseforcewillbegin Nicht standardisiert
• onwheel

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Element Schnittstelle, die es ermöglicht, die meisten globalen Attribute abzufragen.