Globale Attribute

Liste der globalen Attribute

accesskey

Bietet einen Hinweis zum Generieren 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 der Computertastatur vorhanden ist.

anchor Nicht standardisiert

Verknüpft ein positioniertes Element mit einem Ankerelement. 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 wenn ja, in welcher Weise.

autocorrect

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

autofocus

Gibt an, dass ein Element bei der Seitenladung oder sobald das <dialog>, zu dem es gehört, angezeigt wird, fokussiert werden soll. Dieses Attribut ist ein boolescher Wert, der anfänglich falsch ist.

class

Eine durch Leerzeichen getrennte Liste der Klassen eines Elements. Klassen ermöglichen es CSS und JavaScript, spezifische Elemente über Klassen-Selektoren oder Funktionen wie die Methode Document.getElementsByClassName() auszuwählen und zuzugreifen.

contenteditable

Ein enumeriertes Attribut, das angibt, ob das Element vom Benutzer bearbeitbar sein soll. In diesem Fall modifiziert der Browser sein Widget, um die Bearbeitung zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:

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

data-*

Bildet eine Klasse von Attributen, genannt benutzerdefinierte Datenattribute, die es erlauben, proprietäre Informationen zwischen dem HTML und seiner DOM-Darstellung auszutauschen, die von Skripten verwendet werden können. Alle solche benutzerdefinierten Daten sind über die HTMLElement-Schnittstelle des Elements zugänglich, auf dem das Attribut gesetzt ist. Die HTMLElement.dataset-Eigenschaft ermöglicht den Zugriff auf sie.

dir

Ein enumeriertes Attribut, das die Richtung des Textes des Elements angibt. Es kann die folgenden 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, was dem Benutzeragenten die Entscheidung überlässt. Er verwendet einen einfachen Algorithmus, indem er die Zeichen innerhalb des Elements parst, bis er ein Zeichen mit starker Richtung findet, dann wendet er diese Richtung auf das gesamte Element an.

draggable

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

• true, was darauf hinweist, dass das Element gezogen werden kann;
• false, was darauf hinweist, dass das Element nicht gezogen werden kann.

enterkeyhint

Gibt einen Hinweis darauf, welche Aktionsbezeichnung (oder Ikone) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.

exportparts

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

hidden

Ein enumeriertes Attribut, das angibt, dass das Element noch nicht oder nicht mehr relevant ist. Es kann beispielsweise verwendet werden, um Elemente der Seite zu verstecken, die nicht genutzt werden können, bis der Anmeldeprozess abgeschlossen ist. Der Browser wird solche Elemente nicht rendern. Dieses Attribut darf nicht verwendet werden, um Inhalte zu verbergen, die legitim angezeigt werden könnten.

id

Definiert einen eindeutigen Bezeichner (ID), der im gesamten Dokument einzigartig sein muss. Sein Zweck ist es, das Element beim Verknüpfen (mittels eines Fragmentbezeichners), 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 Klickereignisse vorhanden sind.

inputmode

Gibt den Browsern einen Hinweis zur Konfiguration der virtuellen Tastatur, die beim Bearbeiten dieses Elements oder seines Inhalts verwendet werden soll. Wird hauptsächlich auf <input>-Elementen verwendet, kann jedoch auf jedem Element im contenteditable-Modus verwendet werden.

is

Ermöglicht es, anzugeben, dass ein standardmäßiges HTML-Element wie ein registriertes angepasstes integriertes Element funktionieren soll (siehe Verwendung benutzerdefinierter Elemente für mehr Details).

itemid

Der eindeutige, globale Bezeichner eines Elements.

itemprop

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

itemref

Eigenschaften, die keine Nachkommen eines Elements mit dem itemscope-Attribut sind, können durch einen itemref mit dem Element in Verbindung gebracht werden. Es bietet eine Liste von Element-IDs (nicht itemids) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument.

itemscope

itemscope arbeitet (in der Regel) zusammen mit itemtype, um anzugeben, dass das in einem Block enthaltene HTML sich auf ein bestimmtes Element bezieht. itemscope erstellt das Item und definiert den Umfang des itemtype, der damit verbunden ist. itemtype ist eine gültige URL eines Vokabulars (wie schema.org), das das Item und seine Eigenschaften 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 in der Datenstruktur das von itemtype gesetzte Vokabular aktiv ist.

lang

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

nonce

Ein kryptografischer Nonce ("number used once"), der von der Content Security Policy verwendet werden kann, um zu bestimmen, ob ein gegebener Abruf fortgesetzt werden darf.

part

Eine durch Leerzeichen getrennte Liste der Teilnamen des Elements. Teilnamen ermöglichen es CSS, spezifische 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 werden über display: none verborgen, bis sie über ein auslösendes/steuerndes Element (z. B. ein <button> oder ein <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 Bildschirmlesegeräten und anderen Werkzeugen, mit einem Objekt zu interagieren und es auf eine Weise darzustellen, die mit den Benutzererwartungen für diesen Objekttyp übereinstimmt. roles werden HTML-Elementen unter Verwendung von 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-Attributswert mit dem des slot-Attributs übereinstimmt.

spellcheck

Ein enumeriertes Attribut, das definiert, ob das Element auf Rechtschreibfehler überprüft werden kann. Es kann die folgenden Werte haben:

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

style

Beinhaltet CSS-Styling-Deklarationen, die auf das Element angewendet werden sollen. Es wird empfohlen, Styles in einer separaten Datei oder in separaten Dateien zu definieren. Dieses Attribut und das <style>-Element haben hauptsächlich den Zweck, schnelle Styling-Möglichkeiten bereitzustellen, beispielsweise zu Testzwecken.

tabindex

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

• ein negativer Wert bedeutet, dass das Element fokussierbar sein soll, aber nicht über die sequentielle Tastaturnavigation erreichbar sein soll;
• 0 bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein soll, aber seine relative Reihenfolge wird durch die Plattformkonvention definiert;
• ein positiver Wert bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein soll; die Reihenfolge, in der die Elemente fokussiert sind, ist der steigende Wert des tabindex. Wenn mehrere Elemente denselben tabindex haben, folgt ihre relative Reihenfolge ihrer relativen Position im Dokument.

title

Beinhaltet einen Text, der beratende Informationen im Zusammenhang mit dem Element enthält, zu dem er gehört. Solche Informationen können typischerweise, aber nicht unbedingt, dem Benutzer als Tooltip präsentiert werden.

translate

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

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

virtualkeyboardpolicy Experimentell

Ein enumeriertes Attribut, das verwendet wird, um das Verhalten der auf dem Bildschirm angezeigten virtuellen Tastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten, bei denen möglicherweise keine Hardwaretastatur verfügbar ist, zu steuern. Dies gilt für Elemente, deren Inhalt bearbeitbar ist (z.B. es ist ein <input>- oder <textarea>-Element oder ein Element mit dem gesetzten contenteditable-Attribut).

• auto oder ein leerer String, was die virtuelle Tastatur automatisch anzeigt, wenn das Element fokussiert oder angeklickt wird.
• manual, was den Fokus und Klick auf das Element vom Status der virtuellen Tastatur entkoppelt.

writingsuggestions

Ein enumeriertes Attribut, das angibt, ob browserseitige Schreibvorschläge unter dem Geltungsbereich des Elements aktiviert sein sollen oder nicht.

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

Liste der globalen Event-Handler-Attribute

HTML-Event-Handler-Attribute werden nicht empfohlen; siehe HTML Attributreferenz für Informationen über ihre Funktionsweise.

Obwohl die unten aufgeführten Attribute auf alle Elemente angewendet werden, sind sie nicht bei allen Elementen nützlich. Zum Beispiel wird das onvolumechange-HTML-Attribut bei allen Elementen akzeptiert und hängt einen Event-Listener für volumechange an, aber nur Mediaelemente werden jemals ein volumechange-Ereignis vom Browser erhalten. Für andere Elemente kann man nur EventTarget.dispatchEvent() verwenden, um manuell ein solches Ereignis zu senden. Einige Attribute können auf <body> angegeben werden, jedoch würden sie stattdessen Events am 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.