Globale Attribute
Globale Attribute sind Attribute, die allen HTML-Elementen gemeinsam sind; sie können bei allen Elementen verwendet werden, obwohl sie bei einigen Elementen keine Wirkung haben können.
Globale Attribute können bei allen HTML-Elementen angegeben werden, auch bei denen, die im Standard nicht spezifiziert sind. Das bedeutet, dass alle nicht standardmäßigen Elemente diese Attribute trotzdem zulassen müssen, auch wenn die Verwendung dieser Elemente bedeutet, dass das Dokument nicht mehr HTML5-konform ist. Beispielsweise verstecken HTML5-konforme Browser Inhalte, die als <foo hidden>…</foo>
markiert sind, obwohl <foo>
kein gültiges HTML-Element ist.
Neben den grundlegenden HTML-Globalattributen existieren auch folgende globale Attribute:
xml:lang
undxml:base
— diese sind aus den XHTML-Spezifikationen übernommen und veraltet, werden aber 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
-
Gibt einen Hinweis zur Erstellung 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 Computer-Tastaturlayout existiert.
anchor
Nicht standardisiert-
Verknüpft ein positioniertes Element mit einem Ankerelement. Der Wert des Attributs ist der
id
-Wert des Elements, zu dem Sie das positionierte Element verankern möchten. Das Element kann dann durch 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, mit Ausnahme von
<input>
-Elementen mit den Attributen:type="password"
,type="email"
odertype="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 und initial auf false gesetzt. class
-
Eine durch Leerzeichen getrennte Liste von Klassen des Elements. Klassen ermöglichen es CSS und JavaScript, bestimmte Elemente über Klassenselektoren oder Funktionen wie der Methode
Document.getElementsByClassName()
auszuwählen und darauf zuzugreifen. 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 der leere String, was angibt, dass das Element bearbeitbar sein muss;false
, was angibt, dass das Element nicht bearbeitbar sein darf.plaintext-only
, was angibt, dass der Rohtext des Elements bearbeitbar ist, aber Rich-Text-Formatierung 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 solchen benutzerdefinierten Daten sind über die
HTMLElement
-Schnittstelle des Elements, auf dem das Attribut gesetzt ist, verfügbar. DieHTMLElement.dataset
-Eigenschaft bietet Zugriff darauf. dir
-
Ein aufgezähltes Attribut, das die Ausrichtung des Textes im Element angibt. Es kann die folgenden Werte haben:
ltr
, was links nach rechts bedeutet und für Sprachen verwendet werden soll, die von links nach rechts geschrieben werden (wie Englisch);rtl
, was rechts nach links bedeutet und für Sprachen verwendet werden soll, die von rechts nach links geschrieben werden (wie Arabisch);auto
, das den Benutzeragenten entscheiden lässt. Es verwendet einen einfachen Algorithmus, indem es die Zeichen im Element parst, bis es ein Zeichen mit starker Richtung findet, und wendet dann diese Richtung auf das gesamte Element an.
draggable
-
Ein aufgezähltes Attribut, das angibt, ob das Element mit der Drag and Drop API gezogen werden kann. 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 Aktionslabel (oder Icon) auf virtuellen Tastaturen für die Eingabetaste angezeigt werden soll.
exportparts
-
Wird verwendet, um Schattenpartien von einem verschachtelten Schattendokument in einen enthaltenden Lichtbaum 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 zu verstecken, die erst benutzt werden können, wenn der Anmeldevorgang abgeschlossen ist. Der Browser rendert solche Elemente nicht. Dieses Attribut darf nicht verwendet werden, um Inhalte zu verbergen, die legitim angezeigt werden dürften.
id
-
Definiert einen eindeutigen Bezeichner (ID), der im gesamten Dokument eindeutig sein muss. Sein Zweck ist es, das Element beim Verlinken (mittels eines Fragmentbezeichners), Scripting oder Styling (mit CSS) zu identifizieren.
inert
-
Ein boolescher Wert, der den Browser veranlasst, Benutzereingabeereignisse für das Element zu ignorieren. Nützlich, wenn Click-Ereignisse vorhanden sind.
inputmode
-
Gibt Browsern einen Hinweis über die Art der virtuellen Tastatur, die verwendet werden soll, wenn dieses Element oder dessen Inhalt bearbeitet wird. Wird hauptsächlich bei
<input>
-Elementen verwendet, kann aber auf jedes Element incontenteditable
-Modus angewendet werden. is
-
Ermöglicht es Ihnen, anzugeben, dass ein standardmäßiges HTML-Element wie ein registriertes benutzerdefiniertes eingebautes Element funktionieren soll (siehe Custom Elements verwenden für weitere Details).
Hinweis:
Die item*
Attribute sind Teil des WHATWG HTML Microdata-Features.
itemid
-
Der eindeutige, globale Bezeichner eines Eintrags.
itemprop
-
Wird verwendet, um einem Eintrag Eigenschaften hinzuzufügen. Jedes HTML-Element kann ein
itemprop
-Attribut haben, wobei einitemprop
aus einem Name-Wert-Paar besteht. itemref
-
Eigenschaften, die keine Nachkommen eines Elements mit dem
itemscope
-Attribut sind, können mit dem Eintrag mithilfe einesitemref
verknüpft 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 in einem Block enthaltene HTML zu einem bestimmten Eintrag gehört.itemscope
erstellt das Item und definiert den Umfang des mit ihm verbundenenitemtype
.itemtype
ist eine gültige URL eines Vokabulars (wie schema.org), das den Artikel und seinen Eigenschaftskontext beschreibt. itemtype
-
Gibt die URL des Vokabulars an, das verwendet wird, um
itemprop
s (Elementeigenschaften) in der Datenstruktur zu definieren.itemscope
wird verwendet, um den Umfang festzulegen, in dem das durchitemtype
festgelegte Vokabular in der Datenstruktur aktiv ist. 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 sollen. Das Attribut enthält ein "Sprachentoken" (bestehend aus durch Bindestriche getrennten "Sprachensubtoken") im Format definiert in RFC 5646: Tags zur Identifizierung von Sprachen (auch bekannt als BCP 47).
xml:lang
hat Vorrang vor ihm. nonce
-
Ein kryptografischer Nonce ("once used number"), den Content Security Policy verwenden kann, um zu bestimmen, ob ein gegebener Abruf fortgesetzt werden darf oder nicht.
part
-
Eine durch Leerzeichen getrennte Liste der Teilenamen des Elements. Teilenamen 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 bezeichnen (siehe Popover API). Popover-Elemente sind durch
display: none
versteckt, bis sie über ein aufrufendes Kontrollement (z. B. ein<button>
oder<input type="button">
mit einempopovertarget
-Attribut) oder einHTMLElement.showPopover()
-Aufruf geöffnet werden. role
-
Rollen definieren die semantische Bedeutung von Inhalten und ermöglichen es Bildschirmlesern und anderen Tools, die Interaktion mit einem Objekt auf eine Weise zu unterstützen, die mit den Benutzererwartungen für diesen Objekttyp konsistent ist.
roles
werden HTML-Elementen mitrole="role_type"
hinzugefügt, wobeirole_type
der Name einer Rolle in der ARIA-Spezifikation ist. slot
-
Weist 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 darf. Es kann die folgenden Werte haben:
- 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 darf.
- leerer String oder
style
-
Enthält CSS-Styling-Deklarationen, die auf das Element angewendet werden sollen. Beachten Sie, dass es empfohlen wird, Stile in einer separaten Datei oder mehreren Dateien zu definieren. Dieses Attribut und das
<style>
-Element haben hauptsächlich den Zweck, eine schnelle Stilgebung zu ermöglichen, beispielsweise zu Testzwecken. tabindex
-
Ein ganzzahliges Attribut, das angibt, ob das Element Eingabefokus (ist fokussierbar) erhalten kann, ob es an der sequentiellen Tastaturnavigation teilnehmen soll, und falls 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 erreicht werden kann;
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 den gleichen tabindex haben, folgt ihre relative Ordnung ihren relativen Positionen im Dokument.
title
-
Enthält einen Text, der beratende Informationen zu dem Element darstellt, zu dem er gehört. Solche Informationen können in der Regel, aber nicht notwendigerweise, 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
-Knoten-Kinder beim Lokalisieren der Seite übersetzt werden sollen oder ob sie unverändert bleiben sollen. Es kann die folgenden Werte haben:- leerer String oder
yes
, was anzeigt, dass das Element übersetzt wird. no
, was anzeigt, dass das Element nicht übersetzt wird.
- leerer String oder
virtualkeyboardpolicy
Experimentell-
Ein aufgezähltes 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 Hardware-Tastatur für Elemente verfügbar ist, deren Inhalt bearbeitbar ist (zum Beispiel ein
<input>
oder<textarea>
-Element, oder ein Element mit demcontenteditable
-Attribut).auto
oder ein leerer String, das automatisch die virtuelle Tastatur anzeigt, wenn das Element fokussiert oder angetippt wird.manual
, das Fokus und Tipp auf das Element von dem Zustand der virtuellen Tastatur entkoppelt.
writingsuggestions
-
Ein aufgezähltes Attribut, das angibt, ob vom Browser bereitgestellte Schreibvorschläge im Rahmen 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.