Globale Attribute
Globale Attribute sind Attribute, die bei allen HTML-Elementen vorkommen können; sie können bei allen Elementen verwendet werden, obwohl sie bei einigen Elementen keine Wirkung haben mögen.
Globale Attribute dürfen bei allen HTML-Elementen angegeben werden, auch bei solchen, die nicht im Standard spezifiziert sind. Das bedeutet, dass auch nicht-standardisierte Elemente diese Attribute zulassen müssen, obwohl die Verwendung dieser Elemente bedeutet, dass das Dokument nicht mehr HTML5-konform ist. Zum Beispiel verbergen HTML5-konforme Browser Inhalte, die als <foo hidden>…</foo>
gekennzeichnet sind, obwohl <foo>
kein gültiges HTML-Element ist.
Neben den grundlegenden globalen HTML-Attributen existieren folgende globale Attribute:
xml:lang
undxml:base
— Diese stammen aus den XHTML-Spezifikationen und sind veraltet, werden jedoch aus Kompatibilitätsgründen beibehalten.- Das ARIA-Attribut
role
und die verschiedenenaria-*
Zustände und Eigenschaften, die zur Sicherstellung der Barrierefreiheit verwendet werden. - Die Event-Handler-Attribute:
onabort
,onautocomplete
,onautocompleteerror
,onblur
,oncancel
,oncanplay
,oncanplaythrough
,onchange
,onclick
,onclose
,oncontextmenu
,oncuechange
,ondblclick
,ondrag
,ondragend
,ondragenter
,ondragleave
,ondragover
,ondragstart
,ondrop
,ondurationchange
,onemptied
,onended
,onerror
,onfocus
,oninput
,oninvalid
,onkeydown
,onkeypress
,onkeyup
,onload
,onloadeddata
,onloadedmetadata
,onloadstart
,onmousedown
,onmouseenter
,onmouseleave
,onmousemove
,onmouseout
,onmouseover
,onmouseup
,onmousewheel
,onpause
,onplay
,onplaying
,onprogress
,onratechange
,onreset
,onresize
,onscroll
,onseeked
,onseeking
,onselect
,onshow
,onsort
,onstalled
,onsubmit
,onsuspend
,ontimeupdate
,ontoggle
,onvolumechange
,onwaiting
.
Liste der globalen Attribute
accesskey
-
Bietet einen Hinweis zur Erstellung eines Tastaturkürzels 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-
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 eingegebener Text automatisch großgeschrieben wird und, falls ja, auf welche 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"
odertype="url"
. autofocus
-
Zeigt 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 boolescher Wert, der anfänglich auf false gesetzt ist. class
-
Eine durch Leerzeichen getrennte Liste der Klassen des Elements. Klassen ermöglichen es CSS und JavaScript, spezifische Elemente über Klassenselektoren oder Funktionen wie die Methode
Document.getElementsByClassName()
auszuwählen und zuzugreifen. contenteditable
-
Ein aufgezähltes Attribut, das angibt, ob das Element vom Benutzer bearbeitet werden können soll. In diesem Fall ändert der Browser sein Widget, um die Bearbeitung zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:
true
oder die leere Zeichenkette, was anzeigt, dass das Element bearbeitbar sein muss;false
, was anzeigt, dass das Element nicht bearbeitbar sein darf.plaintext-only
, was anzeigt, dass der rohe Text des Elements bearbeitbar ist, jedoch keine Formatierung im Rich-Text-Format möglich ist.
data-*
-
Bildet eine Klasse von Attributen, sogenannte benutzerdefinierte Dateneigenschaften, die es ermöglichen, proprietäre Informationen zwischen dem HTML und seiner DOM-Repräsentation auszutauschen, die von Skripten verwendet werden können. Alle diese benutzerdefinierten Daten sind über die
HTMLElement
-Schnittstelle des Elements, auf dem das Attribut gesetzt ist, verfügbar. DieHTMLElement.dataset
-Eigenschaft ermöglicht den Zugriff auf diese Daten. dir
-
Ein aufgezähltes Attribut, das die Leserichtung des Textes im Element angibt. Es kann die folgenden Werte haben:
ltr
, was von links nach rechts bedeutet und für Sprachen verwendet werden soll, die von links nach rechts geschrieben werden (wie Englisch);rtl
, was von rechts nach links bedeutet und für Sprachen verwendet werden soll, die von rechts nach links geschrieben werden (wie Arabisch);auto
, was dem Benutzeragenten überlassen bleibt. Es verwendet einen grundlegenden Algorithmus, indem es die Zeichen im Element analysiert, bis es ein Zeichen mit starker Leserichtung findet, und dann diese Leserichtung auf das gesamte Element anwendet.
draggable
-
Ein aufgezähltes Attribut, das angibt, ob das Element gezogen werden kann, mit der Drag and Drop API. Es kann die folgenden Werte haben:
true
, was angibt, dass das Element gezogen werden darffalse
, was angibt, dass das Element nicht gezogen werden darf.
enterkeyhint
-
Gibt einen Hinweis darauf, welches Aktions-Label (oder Symbol) für die Eingabetaste auf virtuellen Tastaturen präsentiert werden soll.
exportparts
-
Wird verwendet, um Schattenbestandteile von einem verschachtelten Schattenbaum in einen enthaltenen Light-DOM transitiv zu exportieren.
-
Ein aufgezähltes Attribut, das anzeigt, dass das Element noch nicht oder nicht mehr relevant ist. Zum Beispiel kann es verwendet werden, um Elemente der Seite auszublenden, die erst benutzt werden können, wenn 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 einmalig sein muss. Sein Zweck ist es, das Element beim Verlinken (unter Verwendung eines Fragmentbezeichners), Scripting oder Styling (mit CSS) zu identifizieren.
inert
-
Ein boolescher Wert, der den Browser veranlasst, Benutzereingaben für das Element zu ignorieren. Nützlich, wenn Klickevents vorhanden sind.
inputmode
-
Bietet einen Hinweis für Browser, welche Art von virtueller Tastaturkonfiguration verwendet werden soll, wenn dieses Element oder dessen Inhalt bearbeitet wird. Wird hauptsächlich auf
<input>
-Elemente angewendet, kann aber auf jedes Element imcontenteditable
-Modus angewendet werden. is
-
Ermöglicht es, anzugeben, dass ein Standard-HTML-Element wie ein registriertes benutzerdefiniertes eingebautes Element wirken soll (siehe Verwendung benutzerdefinierter Elemente für weitere Details).
Hinweis:
Die item*
Attribute sind Teil des WHATWG HTML Microdata Feature.
itemid
-
Der eindeutige, globale Bezeichner eines Elements.
itemprop
-
Wird verwendet, um Eigenschaften zu einem Element hinzuzufügen. Jedes HTML-Element darf ein
itemprop
-Attribut besitzen, bei dem einitemprop
aus einem Namen-Wert-Paar besteht. itemref
-
Eigenschaften, die keine Nachkommen eines Elements mit dem
itemscope
-Attribut sind, können dem Element mithilfe einesitemref
zugeordnet werden. Es bietet eine Liste von Element-IDs (nichtitemid
s) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument. itemscope
-
itemscope
funktioniert (normalerweise) zusammen mititemtype
, um anzugeben, dass das im Block enthaltene HTML sich auf ein bestimmtes Element bezieht.itemscope
erstellt das Element und definiert den Gültigkeitsbereich des zugehörigenitemtype
.itemtype
ist eine gültige URL eines Vokabulars (wie schema.org), das den Kontext des Elements und seiner Eigenschaften beschreibt. itemtype
-
Gibt die URL des Vokabulars an, das verwendet wird, um
itemprop
s (Elementeigenschaften) in der Datenstruktur zu definieren.itemscope
legt fest, wo in der Datenstruktur das durchitemtype
festgelegte 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 sollten. Das Attribut enthält ein "Sprach-Tag" (bestehend aus durch Bindestriche getrennten "Sprach-Subtags") im Format, das in RFC 5646: Tags for Identifying Languages (auch bekannt als BCP 47) festgelegt ist.
xml:lang
hat Vorrang vor diesem. nonce
-
Eine kryptographische Nonce („Nummer, die nur einmal verwendet wird“), die von der Content Security Policy verwendet werden kann, um zu bestimmen, ob ein bestimmter Abruf erlaubt ist oder nicht.
part
-
Eine durch Leerzeichen getrennte Liste der Part-Namen des Elements. Mittels Part-Namen kann CSS spezifische Elemente in einem Schattenbaum über das
::part
-Pseudoelement auswählen und anpassen. 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 auslösendes Steuerungselement (z. B. ein<button>
oder<input type="button">
mit einempopovertarget
-Attribut) oder einenHTMLElement.showPopover()
-Aufruf geöffnet werden. role
-
Rollen definieren die semantische Bedeutung von Inhalten und ermöglichen es Screenreadern und anderen Werkzeugen, mit einem Objekt auf eine Weise zu interagieren, die den Benutzererwartungen dieses Objekttyps entspricht.
roles
werden HTML-Elementen überrole="role_type"
hinzugefügt, wobeirole_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 vom<slot>
-Element erstellt wurde, dessenname
-Attributswert mit demslot
-Attributswert übereinstimmt. spellcheck
-
Ein aufgezähltes Attribut, das definiert, ob das Element auf Rechtschreibfehler überprüft werden darf. Es kann die folgenden Werte haben:
- leere Zeichenkette oder
true
, was anzeigt, dass das Element, falls möglich, auf Rechtschreibfehler überprüft werden soll; false
, was anzeigt, dass das Element nicht auf Rechtschreibfehler überprüft werden soll.
- leere Zeichenkette oder
style
-
Enthält CSS-Stilangaben, die auf das Element angewendet werden sollen. Beachten Sie, dass es empfehlenswert ist, Stile in einer separaten Datei oder Dateien zu definieren. Dieses Attribut und das
<style>
-Element dienen hauptsächlich dem Zweck, schnelles Styling zu ermöglichen, beispielsweise zu Testzwecken. tabindex
-
Ein ganzzahliges Attribut, das angibt, ob das Element auf Eingabefokus reagieren kann (fokussierbar ist), ob es an der sequentiellen Keyboard-Navigation teilnehmen soll, und falls ja, an welcher Position. Es kann verschiedene Werte annehmen:
- ein negativer Wert, der bedeutet, dass das Element fokussierbar sein soll, aber nicht über die sequentielle Keyboard-Navigation erreichbar sein soll;
0
, was bedeutet, dass das Element fokussierbar und über die sequentielle Keyboard-Navigation erreichbar sein soll, seine relative Reihenfolge wird jedoch durch die Plattformkonvention festgelegt;- ein positiver Wert, der bedeutet, dass das Element fokussierbar und über die sequentielle Keyboard-Navigation erreichbar sein soll; die Reihenfolge, in der die Elemente fokussiert werden, ergibt sich aus dem aufsteigenden Wert des
tabindex
. Wenn mehrere Elemente denselben Tabindex teilen, folgt die relative Reihenfolge ihren relativen Positionen im Dokument.
title
-
Enthält einen Text, der Informationen im Zusammenhang mit dem Element, zu dem es gehört, darstellt. Solche Informationen können typischerweise, aber nicht zwingend, dem Benutzer als Tooltip präsentiert werden.
translate
-
Ein aufgezähltes Attribut, das verwendet wird, um anzugeben, ob die Attributwerte eines Elements und die Werte seiner
Text
-Knotenkinder bei der Lokalisierung der Seite übersetzt oder unverändert gelassen werden sollen. Es kann die folgenden Werte haben:- leere Zeichenkette oder
yes
, was anzeigt, dass das Element übersetzt wird. no
, was anzeigt, dass das Element nicht übersetzt wird.
- leere Zeichenkette oder
virtualkeyboardpolicy
Experimentell-
Ein aufgezähltes Attribut, das verwendet wird, um das Verhalten der on-screen virtuellen Tastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten zu steuern, bei denen möglicherweise keine hardwarebasierte Tastatur verfügbar ist für Elemente, deren Inhalt bearbeitbar ist (zum Beispiel ein
<input>
oder<textarea>
-Element oder ein Element mit demcontenteditable
-Attribut).auto
oder eine leere Zeichenkette, die die virtuelle Tastatur automatisch anzeigt, wenn das Element fokussiert oder angeklickt wird.manual
, das den Fokus und Klick auf das Element vom Status der virtuellen Tastatur entkoppelt.
writingsuggestions
-
Ein aufgezähltes Attribut, das angibt, ob browsergestützte Schreibvorschläge im Geltungsbereich des Elements aktiviert sein sollen oder nicht.
false
, was die Schreibvorschläge des Browsers deaktiviert.true
oder eine leere Zeichenkette, was Schreibvorschläge ermöglicht.
Spezifikationen
Browser-Kompatibilität
Loading…
Siehe auch
Element
-Schnittstelle, die das Abfragen der meisten globalen Attribute ermöglicht.