Globale Attribute

Liste der globalen Attribute

accesskey

Gibt einen Hinweis zur Erzeugung eines Tastaturkürzels für das aktuelle Element. Dieses Attribut besteht aus einer durch Leerzeichen getrennten Liste von Zeichen. Der Browser sollte das erste davon verwenden, das auf der Computertastatur vorhanden ist.

anchor Nicht standardisiert

Verknüpft ein positioniertes Element mit einem Anker-Element. Der Wert des Attributs ist der id-Wert des Elements, an das das positionierte Element angedockt werden soll. Das Element kann dann mittels CSS-Anker-Positionierung positioniert werden.

autocapitalize

Steuert, ob eingegebener Text automatisch großgeschrieben wird und, wenn ja, auf welche Weise.

autocorrect

Steuert, ob eingegebener Text automatisch auf Rechtschreibfehler korrigiert wird. Dies kann auf Elemente angewendet werden, die bearbeitbaren 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 werden 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 es CSS und JavaScript, bestimmte Elemente über die Klassenselektoren oder Funktionen wie die Methode Document.getElementsByClassName() auszuwählen und zuzugreifen.

contenteditable

Ein aufzählbares Attribut, das angibt, ob das Element durch den Benutzer bearbeitbar sein soll. Wenn ja, ändert der Browser sein Widget, um das Bearbeiten zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:

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

data-*

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

dir

Ein aufzählbares Attribut, das die Leserichtung des Texts des Elements angibt. Es kann die folgenden Werte haben:

• ltr, was bedeutet von links nach rechts und für Sprachen verwendet wird, die von links nach rechts geschrieben werden (wie Englisch);
• rtl, was bedeutet von rechts nach links und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);
• auto, was den Benutzeragenten entscheiden lässt. Beim Parsen der Zeichen im Element wird ein Grundalgorithmus verwendet, bis ein Zeichen mit einer starken Leserichtung gefunden wird, dann wird diese Leserichtung auf das gesamte Element angewendet.

draggable

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

• true, was bedeutet, dass das Element gezogen werden kann
• false, was bedeutet, dass das Element nicht gezogen werden kann.

enterkeyhint

Gibt an, welches Aktionslabel (oder Icon) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.

exportparts

Wird verwendet, um Schattenteile transitiv von einem verschachtelten Schattendokumentenbaum in einen beinhaltenden Lichtbaum zu exportieren.

hidden

Ein aufzählbares Attribut, das anzeigt, dass das Element noch nicht oder nicht mehr relevant ist. Beispielsweise kann es verwendet werden, um Elemente der Seite zu verbergen, die erst nach Abschluss des Anmeldevorgangs genutzt werden können. Der Browser wird solche Elemente nicht rendern. Dieses Attribut darf nicht verwendet werden, um Inhalte zu verstecken, die eigentlich angezeigt werden könnten.

id

Definiert eine eindeutige Kennung (ID), die im gesamten Dokument einzigartig sein muss. Sein Zweck besteht darin, das Element beim Verknüpfen (unter Verwendung eines Fragmentkennzeichens), Skripting oder Styling (mit CSS) zu identifizieren.

inert

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

inputmode

Gibt den Browsern einen Hinweis auf die Art der virtuellen Tastaturkonfiguration, die beim Bearbeiten dieses Elements oder seines Inhalts verwendet werden soll. Wird hauptsächlich für <input>-Elemente verwendet, kann aber auf jedem Element im contenteditable-Modus verwendet werden.

is

Ermöglicht es, anzugeben, dass ein standardmäßiges HTML-Element wie ein registriertes, angepasstes eingebautes Element funktionieren soll (siehe Verwendung von eigenen Elementen für weitere Informationen).

itemid

Die eindeutige, globale Kennung eines Items.

itemprop

Wird verwendet, um einem Item Eigenschaften 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 mit dem Item unter Verwendung eines itemref assoziiert werden. Es bietet eine Liste von Element-IDs (nicht itemids) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument.

itemscope

itemscope arbeitet (normalerweise) zusammen mit itemtype, um anzugeben, dass das HTML innerhalb eines Blocks über ein bestimmtes Item handelt. itemscope erstellt das Item und definiert den Geltungsbereich des damit verbundenen itemtype. itemtype ist eine gültige URL eines Vokabulars (wie schema.org), das das Item und dessen Eigenschaften im Kontext beschreibt.

itemtype

Gibt die URL des Vokabulars an, das verwendet wird, um itemprop's (Item-Eigenschaften) in der Datenstruktur zu definieren. itemscope wird verwendet, um den Geltungsbereich festzulegen, in dem das durch itemtype festgelegte Vokabular in der Datenstruktur aktiv sein wird.

lang

Hilft, die Sprache eines Elements zu definieren: die Sprache, in der nicht bearbeitbare Elemente verfasst sind, oder die Sprache, in der bearbeitbare Elemente vom Benutzer geschrieben werden sollten. Das Attribut sollte ein gültiges BCP 47-Sprachtag enthalten. xml:lang hat Vorrang vor ihm.

nonce

Ein kryptografischer Nonce ("einmal verwendete Nummer"), der von der Content-Security-Policy verwendet werden kann, um zu bestimmen, ob ein bestimmter Abruf zugelassen werden soll.

part

Eine durch Leerzeichen getrennte Liste von Teilnamen des Elements. Teilnamen ermöglichen es CSS, bestimmte Elemente in einem Schattenbaum ü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 über display: none verborgen, 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, sodass Screenreader und andere Tools Inhalte anzeigen und mit ihnen interagieren können, auf eine Weise, die den Erwartungen der Benutzer an diesen Objekttyp entspricht. roles werden HTML-Elementen mit role="role_type" hinzugefügt, wobei role_type der Name einer Rolle in der ARIA-Spezifikation ist.

slot

Weist einem Element einen Slot in einem shadow DOM Schattenbaum zu: Ein Element mit einem slot-Attribut wird dem Slot zugewiesen, der von dem <slot>-Element erstellt wurde, dessen name Attributwert den slot-Attributwert entspricht.

spellcheck

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

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

style

Enthält CSS-Stylingdeklarationen, 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, schnell Styling zu ermöglichen, beispielsweise zu Testzwecken.

tabindex

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

• ein negativer Wert bedeutet, dass das Element fokussierbar sein sollte, aber nicht über die sequentielle Tastaturnavigation erreichbar sein sollte;
• 0 bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein sollte, aber seine relative Reihenfolge durch die Plattformkonvention definiert ist;
• ein positiver Wert bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein sollte; die Reihenfolge, in der die Elemente fokussiert werden, ergibt sich aus dem aufsteigenden Wert des tabindex. Wenn mehrere Elemente denselben Tabindex haben, 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 unbedingt, dem Benutzer als Tooltip präsentiert werden.

translate

Ein aufzählbares Attribut, das verwendet wird, um anzugeben, ob die Attributwerte eines Elements und die Werte seiner Text-Knotenkinder bei der Lokalisierung der Seite übersetzt werden sollen oder ob sie unverändert bleiben sollen. Es kann die folgenden Werte haben:

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

virtualkeyboardpolicy Experimentell

Ein aufzählbares Attribut, das verwendet wird, um das Verhalten der Bildschirmtastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten zu steuern, bei denen möglicherweise keine Hardwaretastatur verfügbar ist, für Elemente, deren Inhalt bearbeitbar ist (zum Beispiel ein <input> oder <textarea> Element oder ein Element mit dem contenteditable Attribut gesetzt).

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

writingsuggestions

Ein aufzählbares Attribut, das angibt, ob browserbasierte Schreibvorschläge innerhalb des Geltungsbereichs des Elements aktiviert sein sollen oder nicht.

• 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 werden nicht empfohlen; siehe HTML-Attribut-Referenz, um zu erfahren, wie sie funktionieren.

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

• 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.