Globale Attribute
Globale Attribute sind Attribute, die allen HTML-Elementen gemeinsam sind; sie können auf allen Elementen verwendet werden, auch wenn sie auf einigen Elementen keine Wirkung haben.
Globale Attribute können auf allen HTML-Elementen angegeben werden, auch auf solchen, die nicht im Standard spezifiziert sind. Das bedeutet, dass alle nicht standardisierten Elemente diese Attribute dennoch zulassen müssen, auch wenn 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>
markiert sind, auch wenn <foo>
kein gültiges HTML-Element ist.
Zusätzlich zu den grundlegenden globalen HTML-Attributen existieren auch 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 multiplenaria-*
Zustände und Eigenschaften, die zur Sicherstellung der Zugänglichkeit 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 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 Computertastaturlayout existiert.
anchor
Nicht standardisiert-
Verknüpft ein positioniertes Element mit einem Ankerelement. Der Wert des Attributs ist der
id
-Wert des Elements, das Sie mit dem positionierten Element verankern möchten. Das Element kann dann mittels CSS-Anker-Positionierung positioniert werden. autocapitalize
-
Kontrolliert, ob eingegebener Text automatisch großgeschrieben wird und, falls ja, auf welche Weise.
autocorrect
-
Kontrolliert, ob eingegebener Text automatisch auf Rechtschreibfehler korrigiert wird. Dies kann auf Elemente angewendet werden, die editierbaren Text haben, außer für
<input>
-Elemente mit den Attributen:type="password"
,type="email"
odertype="url"
. autofocus
-
Zeigt an, dass ein Element beim Laden der Seite oder sobald das
<dialog>
, dessen Teil es ist, 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 erlauben es, dass CSS und JavaScript spezifische Elemente über die Klassenselektoren oder Funktionen wie die Methode
Document.getElementsByClassName()
auswählen und darauf zugreifen. contenteditable
-
Ein aufgezähltes Attribut, das angibt, ob das Element vom Benutzer bearbeitbar sein soll. Wenn ja, ändert 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 bedeutet, dass der reine Text des Elements bearbeitbar ist, aber die Formatierung von Rich Text deaktiviert ist.
data-*
-
Bildet eine Klasse von Attributen, genannt benutzerdefinierte Datenattribute, die es ermöglichen, proprietäre Informationen zwischen dem HTML und seiner DOM- Darstellung 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 gewährt Zugriff darauf. dir
-
Ein aufgezähltes Attribut, das die Textausrichtung des Elements angibt. Es kann folgende 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 wird. Es verwendet einen grundlegenden Algorithmus, da es die Zeichen innerhalb des Elements verarbeitet, bis es ein Zeichen mit einer starken Richtung findet, dann wendet es diese Richtung auf das gesamte Element an.
draggable
-
Ein aufgezähltes Attribut, das anzeigt, ob das Element mittels der Drag and Drop API gezogen werden kann. Es kann folgende Werte haben:
true
, was bedeutet, dass das Element gezogen werden darffalse
, was bedeutet, dass das Element nicht gezogen werden darf.
enterkeyhint
-
Gibt einen Hinweis auf die Aktion, die für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.
exportparts
-
Wird verwendet, um Schattenbestandteile von einem verschachtelten Schattenbaum in einen umgebenden Lichtbaum 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 nicht verwendet 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 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 (verwendet einen Fragmentbezeichner), Skripting oder Styling (mit CSS) zu identifizieren.
inert
-
Ein boolescher Wert, der den Browser dazu veranlasst, Benutzereingabe-Ereignisse für das Element zu ignorieren. Nützlich, wenn Klickereignisse vorhanden sind.
inputmode
-
Gibt einen Hinweis an Browser, welche Art von virtueller Tastaturkonfiguration beim Bearbeiten dieses Elements oder seines Inhalts verwendet werden soll. Wird hauptsächlich bei
<input>
-Elementen verwendet, kann aber bei jedem Element imcontenteditable
-Modus verwendet werden. is
-
Erlaubt es Ihnen zu spezifizieren, dass ein standardmäßiges HTML-Element sich wie ein registriertes benutzerdefiniertes eingebautes Element verhalten soll (siehe Verwendung benutzerdefinierter Elemente für weitere Details).
Hinweis:
Die item*
-Attribute sind Teil des WHATWG-HTML-Microdata-Features.
itemid
-
Der eindeutige, globale Bezeichner eines Elements.
itemprop
-
Wird verwendet, um einem Element Eigenschaften hinzuzufügen. Jedes HTML-Element kann ein
itemprop
-Attribut haben, wobei einitemprop
aus einem Namen-Wert-Paar besteht. itemref
-
Eigenschaften, die keine Nachkommen eines Elements mit dem Attribut
itemscope
sind, können mit einemitemref
dem Element zugeordnet werden. Es liefert eine Liste von Element-IDs (nichtitemid
s) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument. itemscope
-
itemscope
funktioniert (in der Regel) zusammen mititemtype
, um anzugeben, dass das HTML, das in einem Block enthalten ist, über ein bestimmtes Element handelt.itemscope
erstellt das Item und definiert den Umfang des damit verbundenenitemtype
.itemtype
ist eine gültige URL eines Vokabulars (wie schema.org), das das Element und das Kontext der Eigenschaften beschreibt. itemtype
-
Legt die URL des Vokabulars fest, das zur Definition von
itemprop
s (Elementeigenschaften) in der Datenstruktur verwendet wird.itemscope
wird verwendet, um den Bereich festzulegen, in dem die vonitemtype
festgelegte Vokabel in der Datenstruktur 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 sollen. Das Attribut enthält ein "Sprachtag" (bestehend aus Bindestrich-getrennten "Sprachsubtags") im Format, das in RFC 5646: Tags for Identifying Languages (auch bekannt als BCP 47) definiert ist.
xml:lang
hat Vorrang darüber. nonce
-
Eine kryptografische Zufallszahl ("number used once"), die von der Content Security Policy verwendet werden kann, um zu bestimmen, ob ein bestimmter Abruf fortfahren darf oder nicht.
part
-
Eine durch Leerzeichen getrennte Liste der Teilnamen des Elements. Teilnamen erlauben es, dass CSS über das
::part
Pseudo-Element spezifische Elemente in einem Schattenbaum auswählt und stylt. 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/kontrollierendes Element (d.h. ein<button>
oder<input type="button">
mit einempopovertarget
Attribut) oder einen Aufruf vonHTMLElement.showPopover()
geöffnet werden. role
-
Rollen definieren die semantische Bedeutung von Inhalten und ermöglichen es Screenreadern und anderen Tools, eine Interaktion mit einem Objekt auf eine Weise zu präsentieren und zu unterstützen, die den Benutzererwartungen dieses Objekttyps entspricht.
roles
werden HTML-Elementen mittelsrole="role_type"
hinzugefügt, wobeirole_type
der Name einer Rolle in der ARIA-Spezifikation ist. slot
-
Ordnet einem Element einen Slot in einem Schatten-DOM-Schattenbaum zu: Ein Element mit einem
slot
-Attribut wird dem Slot zugewiesen, der durch das<slot>
-Element erstellt wurde, dessenname
-Attributwert mit dem Wert diesesslot
-Attributs übereinstimmt. spellcheck
-
Ein aufgezähltes Attribut, das definiert, 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 soll; false
, was bedeutet, dass das Element nicht auf Rechtschreibfehler überprüft werden soll.
- leerer String oder
style
-
Enthält CSS-Stil-Deklarationen, die auf das Element angewendet werden sollen. Beachten Sie, dass es empfohlen wird, dass Stile in einer separaten Datei oder Dateien definiert werden. Dieses Attribut und das
<style>
-Element haben hauptsächlich den Zweck einer schnellen Stilgebung, beispielsweise zu Testzwecken. tabindex
-
Ein ganzzahliges Attribut, das angibt, ob das Element Eingabefokus empfangen kann (ist fokussierbar), ob es sich an der sequentiellen Tastaturnavigation beteiligen soll und wenn ja, in 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 sollte;
0
bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein soll, aber seine relative Reihenfolge wird durch die Plattformvorgabe definiert;- ein positiver Wert bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein soll; die Reihenfolge, in der die Elemente fokussiert werden, folgt dem aufsteigenden Wert des tabindex. Wenn mehrere Elemente denselben Tabindex teilen, folgt ihre relative Reihenfolge ihren relativen Positionen im Dokument.
title
-
Enthält einen Text, der informationsbezogene Informationen zum Element darstellt, zu dem es gehört. Solche Informationen können typischerweise, aber nicht notwendigerweise, dem Benutzer als Tooltip angezeigt werden.
translate
-
Ein aufgezähltes Attribut, das verwendet wird, um festzulegen, 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 folgende Werte haben:- leerer String oder
yes
, was bedeutet, dass das Element übersetzt wird. no
, was bedeutet, dass das Element nicht übersetzt wird.
- leerer String oder
virtualkeyboardpolicy
Experimentell-
Ein aufgezähltes Attribut, das verwendet wird, um das Verhalten der virtuellen Tastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten zu steuern, bei denen möglicherweise keine Hardwaretastatur verfügbar ist, wenn sein Inhalt bearbeitbar ist (zum Beispiel, wenn es sich um ein
<input>
oder<textarea>
Element handelt oder ein Element mit gesetztemcontenteditable
-Attribut ist).auto
oder ein leerer String, was die virtuelle Tastatur automatisch anzeigt, wenn das Element fokussiert oder angetippt wird.manual
, was den Fokus und das Antippen des Elements von dem 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 ein leerer String, was Schreibvorschläge aktiviert.
Spezifikationen
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
Element
-Schnittstelle, die das Abfragen der meisten globalen Attribute ermöglicht.