Globale Attribute

Liste der globalen Attribute

accesskey

Gibt einen Hinweis darauf, eine Tastenkombination für das aktuelle Element zu generieren. Dieses Attribut besteht aus einer durch Leerzeichen getrennten Liste von Zeichen. Der Browser sollte das erste verwenden, das auf der Computertastatur existiert.

anchor

Verbindet ein positioniertes Element mit einem Ankerelement. Der Wert des Attributs ist der id-Wert des Elements, an das das positionierte Element verankert werden soll. Das Element kann dann mittels CSS-Ankerpositionierung positioniert werden.

autocapitalize

Steuert, ob der eingegebene 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 bearbeitbaren Text haben, außer bei <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 wird. Dieses Attribut ist ein boolean, ursprünglich false.

class

Eine durch Leerzeichen getrennte Liste der Klassen des Elements. Klassen ermöglichen, dass CSS und JavaScript spezifische Elemente über die Klassenselektoren oder Funktionen wie die Methode Document.getElementsByClassName() auswählen und darauf zugreifen können.

contenteditable

Ein enumerated Attribut, das angibt, ob das Element vom Benutzer bearbeitbar sein soll. Falls ja, ändert der Browser sein Widget, um die Bearbeitung zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:

• true oder das leere Zeichen, das anzeigt, dass das Element bearbeitbar sein muss;
• false, das anzeigt, dass das Element nicht bearbeitbar sein muss.
• plaintext-only, das anzeigt, dass der Rohtext des Elements bearbeitbar ist, jedoch keine Formatierung für Rich Text möglich ist.

data-*

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

dir

Ein enumeriertes Attribut, das die Richtung des Textes eines 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 den Benutzeragenten entscheiden lässt. Es verwendet einen einfachen Algorithmus, indem es die Zeichen innerhalb des Elements analysiert, bis es ein Zeichen mit starker Richtung findet, und diese dann auf das gesamte Element anwendet.

draggable

Ein enumeriertes Attribut, das angibt, ob das Element mithilfe der Drag-and-Drop-API gezogen werden kann. 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 Schattenbereiche von einem verschachtelten Schattenbaum in einen umgebenden Lichtbaum transitiv zu exportieren.

headingoffset

Erhöht die berechnete Überschriftenebene der Überschriftselemente innerhalb des Elements, ohne die Elemente zu ändern, mit denen sie geschrieben wurden.

headingreset

Ein boolesches Attribut, das verhindert, dass die headingoffset-Werte von Vorfahrenelementen auf die Überschriften innerhalb des Elements angewendet werden.

hidden

Ein enumeriertes Attribut, das angibt, dass das Element noch nicht, oder nicht mehr, relevant ist. Beispielsweise kann es verwendet werden, um Teile der Seite zu verstecken, die nicht genutzt werden können, bis der Anmeldevorgang abgeschlossen ist. Der Browser rendert solche Elemente nicht. Dieses Attribut darf nicht verwendet werden, um Inhalte zu verstecken, die berechtigterweise 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 Fragmentbezeichners), Skripting oder Styling (mit CSS) zu identifizieren.

inert

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

inputmode

Gibt den Browsern einen Hinweis auf die Konfiguration des virtuellen Tastaturtyps, der verwendet werden soll, wenn dieses Element oder dessen Inhalte bearbeitet werden. Wird hauptsächlich auf <input>-Elementen verwendet, kann aber auf jedem Element verwendet werden, das sich im contenteditable-Modus befindet.

is

Ermöglicht, anzugeben, dass ein standardmäßiges HTML-Element sich wie ein registriertes, benutzerdefiniertes, eingebautes Element verhalten soll (siehe Verwendung benutzerdefinierter Elemente für weitere Details).

itemid

Der eindeutige, globale Bezeichner eines Items.

itemprop

Wird verwendet, um einem Item Eigenschaften hinzuzufügen. Jedes HTML-Element darf ein itemprop-Attribut spezifiziert haben, wobei itemprop eine Name-Wert-Paar besteht.

itemref

Eigenschaften, die keine Nachkommen eines Elements mit dem itemscope-Attribut sind, können mit dem itemref-Attribut einem Item zugeordnet 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 in einem Block enthaltene HTML zu einem bestimmten Item gehört. itemscope erstellt das Item und definiert den Umfang des itemtype, das mit diesem verbunden ist. itemtype ist eine gültige URL eines Vokabulars (wie schema.org), das das Item und seine Eigenschaften im Kontext beschreibt.

itemtype

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

lang

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

nonce

Ein kryptografischer Nonce ("Nummer, die nur einmal verwendet wird"), der von der Content-Security-Policy verwendet werden kann, um zu bestimmen, ob eine bestimmte Abfrage zugelassen wird oder nicht.

part

Eine durch Leerzeichen getrennte Liste der Teilnamen des Elements. Teilnamen ermöglichen es CSS, spezifische Elemente in einem Schattenbaum über das ::part Pseudo-Element 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 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 Tools, mit einem Objekt in einer Weise zu interagieren und es zu präsentieren, die den Benutzererwartungen für diesen Objekttyp entspricht. roles werden HTML-Elementen mittels 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 durch das <slot> Element erstellt wurde, dessen name-Attributswert mit dem Wert dieses slot-Attributs übereinstimmt.

spellcheck

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

• leere Zeichenfolge 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

Enthält CSS-Stil-Deklarationen, die auf das Element angewendet werden sollen. Beachten Sie, dass empfohlen wird, Stile in einer separaten Datei oder in separaten Dateien zu definieren. Dieses Attribut und das <style>-Element haben hauptsächlich die Aufgabe, ein schnelles Styling zu ermöglichen, beispielsweise für Testzwecke.

tabindex

Ein ganzzahliges Attribut, das angibt, ob das Element Eingabefokus erhalten kann (ist fokussierbar), ob es am sequentiellen Tastaturnavigation teilnimmt, und wenn ja, in 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 wird durch die Plattformkonvention definiert;
• ein positiver Wert bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein sollte; die Reihenfolge, in der die Elemente fokussiert werden, ist der aufsteigende Wert des tabindex. Wenn mehrere Elemente denselben Tabindex teilen, folgt ihre relative Reihenfolge ihren relativen Positionen im Dokument.

title

Enthält einen Text, der Beratungsinformationen im Zusammenhang mit dem Element, zu dem es gehört, darstellt. Solche Informationen können typischerweise, aber nicht notwendigerweise, dem Benutzer als Tooltip dargestellt werden.

translate

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

• leere Zeichenfolge oder yes, was anzeigt, dass das Element übersetzt wird.
• no, was anzeigt, dass das Element nicht übersetzt wird.

virtualkeyboardpolicy

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

• auto oder ein leerer String, dass die virtuelle Tastatur automatisch angezeigt wird, wenn das Element fokussiert oder angeklickt wird.
• manual, das den Fokus und das Anklicken des Elements von dem Zustand der virtuellen Tastatur entkoppelt.

writingsuggestions

Ein enumerated Attribut, das angibt, ob browsergenerierte Schreibvorschläge unter dem Bereich des Elements aktiviert sein sollen oder nicht.

• false, das die Schreibvorschläge des Browsers deaktiviert.
• true oder eine leere Zeichenkette, die Schreibvorschläge aktiviert.

Liste der globalen Event-Handler-Attribute

HTML-Event-Handler-Attribute werden nicht empfohlen; siehe HTML-Attributreferenz für Informationen, wie sie funktionieren.

Obwohl die unten aufgeführten Attribute für alle Elemente gelten, sind sie nicht bei allen Elementen nützlich. Zum Beispiel wird das HTML-Attribut onvolumechange von allen Elementen akzeptiert und fügt einen Ereignislistener für volumechange hinzu, aber nur Medienelemente werden jemals ein vom Browser ausgelöstes volumechange-Ereignis erhalten. Bei anderen Elementen können Sie nur EventTarget.dispatchEvent() verwenden, um eines manuell zu senden. Einige Attribute können bei <body> angegeben werden, aber sie würden stattdessen die Ereignisse auf 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
• ongestureend
• ongesturestart
• ongotpointercapture
• oninput
• oninvalid
• onkeydown
• onkeypress
• onkeyup
• onload
• onloadeddata
• onloadedmetadata
• onloadstart
• onlostpointercapture
• onmousedown
• onmouseenter
• onmouseleave
• onmousemove
• onmouseout
• onmouseover
• onmouseup
• onmousewheel
• onpaste
• onpause
• onplay
• onplaying
• onpointercancel
• onpointerdown
• onpointerenter
• onpointerleave
• onpointermove
• onpointerout
• onpointerover
• onpointerrawupdate
• onpointerup
• onprogress
• onratechange
• onreset
• onresize
• onscroll
• onscrollend
• onscrollsnapchange
• onscrollsnapchanging
• onsecuritypolicyviolation
• onseeked
• onseeking
• onselect
• onselectionchange
• onselectstart
• onslotchange
• onstalled
• onsubmit
• onsuspend
• ontimeupdate
• ontoggle
• ontouchcancel
• ontouchend
• ontouchmove
• ontouchstart
• ontransitioncancel
• ontransitionend
• ontransitionrun
• ontransitionstart
• onvolumechange
• onwaiting
• onwebkitmouseforcechanged
• onwebkitmouseforcedown
• onwebkitmouseforceup
• onwebkitmouseforcewillbegin
• onwheel

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Element Schnittstelle, die die Abfrage der meisten globalen Attribute ermöglicht.