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, selbst auf denjenigen, die nicht im Standard spezifiziert sind. Das bedeutet, dass auch nicht standardkonforme Elemente diese Attribute zulassen müssen, obwohl die Verwendung dieser Elemente dazu führt, dass das Dokument nicht mehr HTML5-konform ist. Beispielsweise verbergen HTML5-konforme Browser Inhalte, die als <foo hidden>…</foo>
markiert sind, obwohl <foo>
kein gültiges HTML-Element ist.
Zusätzlich zu den grundlegenden HTML-Globalattributen 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
role
-Attribut und die verschiedenenaria-*
-Zustände und -Eigenschaften, die zur Sicherstellung der Barrierefreiheit verwendet werden. - Die Ereignis-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 Generierung 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, an das Sie das positionierte Element anheften möchten. 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 enthalten, außer auf
<input>
-Elemente mit dem Attribut:type="password"
,type="email"
odertype="url"
. autofocus
-
Gibt an, dass ein Element beim Laden der Seite oder sobald der Dialog, dessen Teil es ist, angezeigt wird, fokussiert wird. Dieses Attribut ist ein boolesches Attribut und ist initial auf false gesetzt.
class
-
Eine durch Leerzeichen getrennte Liste der Klassen des Elements. Klassen ermöglichen es CSS und JavaScript, spezifische Elemente über die Klassenselektoren oder Funktionen wie die Methode
Document.getElementsByClassName()
auszuwählen und zuzugreifen. contenteditable
-
Ein enumeriertes Attribut, das angibt, ob das Element vom Benutzer bearbeitet werden kann. Falls ja, modifiziert der Browser sein Widget, um Bearbeitung zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:
true
oder der leere 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 rohe Text des Elements bearbeitbar ist, aber die Rich-Text-Formatierung deaktiviert ist.
data-*
-
Bildet eine Klasse von Attributen, sogenannte benutzerdefinierte Datenattribute, die es ermöglichen, proprietäre Informationen zwischen dem HTML und seiner DOM-Repräsentation auszutauschen, die von Skripten verwendet werden können. Alle derartigen benutzerdefinierten Daten sind über die
HTMLElement
-Schnittstelle des Elements, auf dem das Attribut gesetzt ist, verfügbar. DieHTMLElement.dataset
-Eigenschaft gibt 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 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 den Benutzeragenten entscheiden lässt. Es verwendet einen grundlegenden Algorithmus, da es die Zeichen innerhalb des Elements analysiert, bis es ein Zeichen mit einer starken Richtung findet, dann wendet es diese Richtung auf das gesamte Element an.
draggable
-
Ein enumeriertes Attribut, das angibt, ob das Element durch die Verwendung der Drag and Drop API gezogen werden kann. Es kann die folgenden Werte haben:
true
, was angibt, dass das Element gezogen werden kannfalse
, was angibt, dass das Element nicht gezogen werden kann.
enterkeyhint
-
Gibt einen Hinweis, welche Aktionsbezeichnung (oder Symbol) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.
exportparts
-
Wird verwendet, um Shadow-Parts aus einem verschachtelten Shadow-Tree in einen enthaltenden Light-Tree transitiv zu exportieren.
-
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 verbergen, die erst genutzt werden können, nachdem der Login-Prozess 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 eine eindeutige Kennung (ID), die im gesamten Dokument eindeutig sein muss. Ihr Zweck ist es, das Element beim Verlinken (mithilfe eines Fragmentidentifikators), Scripting oder Styling (mit CSS) zu identifizieren.
inert
-
Ein boolescher Wert, der den Browser veranlasst, Eingabereignisse des Benutzers für das Element zu ignorieren. Nützlich, wenn Klickereignisse vorhanden sind.
inputmode
-
Gibt einen Hinweis an Browser, welche Konfiguration der virtuellen Tastatur beim Bearbeiten dieses Elements oder seines Inhalts verwendet werden soll. Wird hauptsächlich bei
<input>
-Elementen verwendet, kann aber bei jedem Element imcontenteditable
-Modus genutzt werden. is
-
Ermöglicht es Ihnen anzugeben, dass ein standardmäßiges HTML-Element wie ein registriertes benutzerdefiniertes eingebautes Element verhalten soll (siehe Verwendung von benutzerdefinierten Elementen für weitere Details).
Hinweis:
Die item*
-Attribute sind Teil der WHATWG HTML Microdata-Funktion.
itemid
-
Die eindeutige, globale Kennung eines Elements.
itemprop
-
Wird verwendet, um Eigenschaften zu einem Element 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
itemscope
-Attribut sind, können mit einemitemref
dem Element zugeordnet werden. Es bietet eine Liste von Element-IDs (keineitemid
s) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument. itemscope
-
itemscope
arbeitet (normalerweise) zusammen mititemtype
, um anzugeben, dass das in einem Block enthaltene HTML sich auf ein bestimmtes Element bezieht.itemscope
erstellt das Element und definiert den Geltungsbereich des damit verbundenenitemtype
.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 zum Definieren von
itemprop
s (Element-Eigenschaften) in der Datenstruktur verwendet wird.itemscope
wird verwendet, um den Bereich festzulegen, in dem das durchitemtype
festgelegte Vokabular aktiv ist. lang
-
Hilft, die Sprache eines Elements zu definieren: die Sprache, in der nicht bearbeitbare Elemente vorliegen, oder die Sprache, die bei bearbeitbaren Elementen vom Benutzer geschrieben werden soll. Das Attribut enthält ein "Sprachtag" (bestehend aus Bindestrich-getrennten "Sprach-Subtags") im Format, wie es in RFC 5646: Tags for Identifying Languages (auch bekannt als BCP 47) definiert ist.
xml:lang
hat gegenüber ihm Vorrang. nonce
-
Ein kryptographischer Nonce ("Nummer, die nur einmal verwendet wird"), der von der Content Security Policy verwendet werden kann, um zu bestimmen, ob ein bestimmter Abruf durchgeführt werden darf oder nicht.
part
-
Eine durch Leerzeichen getrennte Liste der Teile-Namen des Elements. Teile-Namen ermöglichen es CSS, spezifische Elemente in einem Shadow-Tree ü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 sind durch
display: none
versteckt, bis sie über ein ansteuerndes/steuerelement (d.h. ein<button>
oder<input type="button">
mit einempopovertarget
-Attribut) oder einenHTMLElement.showPopover()
-Aufruf geöffnet werden. role
-
Rollen definieren die semantische Bedeutung von Inhalten, sodass Bildschirmleser und andere Tools ein Objekt auf eine Weise präsentieren und Interaktionen mit einem Objekt unterstützen können, die mit den Benutzererwartungen für diesen Objekttyp übereinstimmen.
roles
werden HTML-Elementen mittelsrole="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-Shadow-Tree zu: Ein Element mit einem
slot
-Attribut wird dem Slot zugeordnet, der durch das<slot>
-Element erstellt wurde, dessenname
-Attributwert mit dem Wert diesesslot
-Attributs übereinstimmt. spellcheck
-
Ein enumeriertes Attribut, das definiert, ob das Element auf Rechtschreibfehler überprüft werden darf. Es kann die folgenden Werte haben:
- leerer String oder
true
, was angibt, dass das Element, wenn möglich, auf Rechtschreibfehler überprüft werden soll; false
, was angibt, dass das Element nicht auf Rechtschreibfehler überprüft werden soll.
- leerer String oder
style
-
Enthält CSS-Stildeklarationen, die auf das Element angewendet werden sollen. Beachten Sie, dass es empfohlen wird, Stile in einer separaten Datei oder Dateien zu definieren. Dieses Attribut und das
<style>
-Element haben hauptsächlich den Zweck, ein schnelles Styling zu ermöglichen, beispielsweise zu Testzwecken. tabindex
-
Ein ganzzahliges Attribut, das angibt, ob das Element Eingabefokus erhalten kann (fokusierbar ist), 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 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 werden, ist der aufsteigende Wert des
tabindex
. Wenn mehrere Elemente denselben Tabindex haben, folgt ihre relative Reihenfolge ihren relativen Positionen im Dokument.
title
-
Enthält einen Text, der beratende Informationen in Bezug auf das zugehörige Element darstellt. Solche Informationen können dem Benutzer typischerweise, aber nicht notwendigerweise, als Tooltip angezeigt werden.
translate
-
Ein enumeriertes Attribut, das verwendet wird, um anzugeben, ob die Attributwerte eines Elements und die Werte seiner
Text
-Knoten-Kinder bei der Lokalisierung der Seite übersetzt oder unverändert gelassen werden sollen. Es kann die folgenden Werte haben:- leerer String oder
yes
, was angibt, dass das Element übersetzt wird. no
, was angibt, dass das Element nicht übersetzt wird.
- leerer String oder
virtualkeyboardpolicy
Experimentell-
Ein enumeriertes 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 Hardwaretastatur für Elemente verfügbar ist, deren Inhalt bearbeitbar ist (z. B. es ist ein
<input>
- oder<textarea>
-Element oder ein Element mit demcontenteditable
-Attribut).auto
oder ein leerer String, was die Bildschirmtastatur automatisch anzeigt, wenn das Element fokussiert oder angetippt wird.manual
, was den Fokus und das Antippen des Elements von der Anzeige der Bildschirmtastatur entkoppelt.
writingsuggestions
-
Ein enumeriertes Attribut, das angibt, ob Browser-unterstützte Vorschläge zum Schreiben im Geltungsbereich des Elements aktiviert werden sollen oder nicht.
false
, was die Vorschläge des Browsers zum Schreiben deaktiviert.true
oder ein leerer String, was die Vorschläge zum Schreiben aktiviert.
Spezifikationen
Browser-Kompatibilität
Siehe auch
Element
-Schnittstelle, die das Abfragen der meisten globalen Attribute ermöglicht.