Globale Attribute

Globale Attribute sind Attribute, die bei allen HTML-Elementen vorkommen; sie können auf allen Elementen verwendet werden, auch wenn sie bei manchen Elementen keine Wirkung haben.

Globale Attribute können bei allen HTML-Elementen angegeben werden, sogar bei denen, die nicht im Standard angegeben sind. Das bedeutet, dass auch nicht standardmäßige Elemente diese Attribute erlauben müssen, auch wenn die Verwendung dieser Elemente dazu führt, dass das Dokument nicht mehr HTML5-konform ist. HTML5-konforme Browser verstecken beispielsweise Inhalte, die als <foo hidden>…</foo> markiert sind, obwohl <foo> kein gültiges HTML-Element ist.

Zusätzlich zu den grundlegenden globalen HTML-Attributen gibt es auch folgende globale Attribute:

  • xml:lang und xml:base — Diese stammen aus den XHTML-Spezifikationen und sind veraltet, werden jedoch aus Kompatibilitätsgründen beibehalten.
  • Das ARIA-Attribut role und die mehrfachen aria-* 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 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 der Computertastatur vorhanden ist.

anchor Nicht standardisiert

Verknüpft 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 mithilfe von CSS-Ankerpositionierung positioniert werden.

autocapitalize

Steuerung, ob eingegebener Text automatisch großgeschrieben wird und, falls ja, in welcher Weise.

autocorrect

Steuerung, ob eingegebener Text automatisch auf Rechtschreibfehler korrigiert wird. Dies kann auf Elemente angewendet werden, die editierbaren Text haben, außer auf <input>-Elemente 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 werden soll. Dieses Attribut ist ein boolesches Attribut, das initial false ist.

class

Eine durch Leerzeichen getrennte Liste der Klassen des Elements. Klassen ermöglichen CSS und JavaScript, bestimmte Elemente über die Klassenselektoren oder Funktionen wie die Methode Document.getElementsByClassName() auszuwählen und darauf zuzugreifen.

contenteditable

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

  • true oder der leere String, was bedeutet, dass das Element bearbeitbar sein muss;
  • false, was bedeutet, dass das Element nicht bearbeitbar sein muss;
  • plaintext-only, was bedeutet, dass der rohe Text des Elements bearbeitbar ist, aber die Formatierung von Rich-Text deaktiviert ist.
data-*

Bildet eine Klasse von Attributen, sogenannte benutzerdefinierte Datenattribute, die den Austausch von proprietären Informationen zwischen dem HTML- und seinem DOM-Abbild ermöglichen, die von Skripten verwendet werden können. Alle derartigen benutzerdefinierten Daten sind über das HTMLElement-Interface des Elements verfügbar, auf dem das Attribut gesetzt ist. Die HTMLElement.dataset-Eigenschaft bietet Zugriff auf diese Daten.

dir

Ein enumeriertes Attribut, das die Leserichtung des Textes des Elements angibt. Es kann folgende Werte annehmen:

  • ltr, was links nach rechts bedeutet und für Sprachen verwendet wird, die von links nach rechts geschrieben werden (wie Englisch);
  • rtl, was rechts nach links bedeutet und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);
  • auto, wodurch der Benutzeragent die Entscheidung trifft. Er verwendet einen grundlegenden Algorithmus, indem er die Zeichen im Element analysiert, bis er ein Zeichen mit starker Leserichtung findet. Dann wird diese Leserichtung auf das gesamte Element angewendet.
draggable

Ein enumeriertes Attribut, das angibt, ob das Element gezogen werden kann, unter Verwendung der Drag-and-Drop-API. Es kann folgende Werte annehmen:

  • true, was bedeutet, dass das Element gezogen werden darf;
  • false, was bedeutet, dass das Element nicht gezogen werden darf.
enterkeyhint

Gibt einen Hinweis, welches Aktionsetikett (oder Symbol) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.

exportparts

Wird verwendet, um Schatten-Teile aus einem geschachtelten Schattenbaum transitiv in einen enthaltenden Lichtbaum zu exportieren.

hidden

Ein enumeriertes 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 nicht genutzt werden können, bis der Login-Prozess abgeschlossen ist. Der Browser rendert solche Elemente nicht. Dieses Attribut darf nicht verwendet werden, um Inhalt zu verstecken, der legitim angezeigt werden könnte.

id

Definiert eine einzigartige Kennung (ID), die im gesamten Dokument einzigartig sein muss. Sein Zweck ist es, das Element beim Verlinken (mit einem Fragmentbezeichner), beim Skripten oder beim Styling (mit CSS) zu identifizieren.

inert

Ein boolescher Wert, der bewirkt, dass der Browser Benutzereingaben für das Element ignoriert. Nützlich, wenn Klick-Ereignisse vorhanden sind.

inputmode

Bietet Browsern einen Hinweis auf die Konfiguration der virtuellen Tastatur, die verwendet werden soll, wenn dieses Element oder sein Inhalt bearbeitet wird. Hauptsächlich bei <input>-Elementen verwendet, kann aber auf jedem Element verwendet werden, während es sich im contenteditable-Modus befindet.

is

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

Hinweis: Die item*-Attribute sind Teil des WHATWG HTML Microdata Features.

itemid

Die eindeutige, globale Kennung eines Elements.

itemprop

Wird verwendet, um einem Element Eigenschaften hinzuzufügen. Jedes HTML-Element kann ein itemprop-Attribut spezifiziert haben, wobei ein itemprop aus einem Namen-Wert-Paar besteht.

itemref

Eigenschaften, die keine Nachkommen eines Elements mit dem itemscope-Attribut sind, können mit dem itemref mit dem Element verknüpft werden. Es bietet eine Liste von Element-IDs (nicht itemids) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument.

itemscope

itemscope funktioniert (meistens) zusammen mit itemtype, um anzugeben, dass das HTML in einem Block über ein bestimmtes Element handelt. itemscope erstellt das Element und definiert den Bereich des damit assoziierten itemtype. itemtype ist eine gültige URL eines Vokabulars (wie schema.org), das das Element und den Kontext seiner Eigenschaften beschreibt.

itemtype

Gibt die URL des Vokabulars an, das verwendet wird, um itemprops (Elementeigenschaften) in der Datenstruktur zu definieren. itemscope wird verwendet, um den Bereich festzulegen, in dem das durch itemtype festgelegte Vokabular in der Datenstruktur aktiv ist.

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 enthält ein "Sprachtag" (bestehend aus durch Bindestriche getrennten "Sprachuntertags") im Format, das in RFC 5646: Tags for Identifying Languages (auch bekannt als BCP 47) definiert ist. xml:lang hat Priorität darüber.

nonce

Ein kryptografisches Nonce („Nummer, die einmal verwendet wird“), das von der Content Security Policy verwendet werden kann, um festzustellen, ob ein bestimmter Abruf durchgeführt werden darf.

part

Eine durch Leerzeichen getrennte Liste der Teilnamen des Elements. Teilnamen ermöglichen CSS, spezifische Elemente in einem Schattendom-Baum über das ::part-Pseudoelement auszuwählen und zu stylen.

popover

Wird verwendet, um ein Element als Element eines Popovers zu kennzeichnen (siehe Popover API). Popover-Elemente sind über display: none verborgen, bis sie über ein aufrufendes/steuerndes Element (d. h. ein <button>- oder <input type="button">-Element mit einem popovertarget-Attribut) oder einen HTMLElement.showPopover()-Aufruf geöffnet werden.

role

Rollen definieren die semantische Bedeutung von Inhalten, sodass Bildschirmlesegeräte und andere Tools Inhalte konsistent mit den Benutzererwartungen zu diesem Objekttyp präsentieren und die Interaktion damit unterstützen können. roles werden HTML-Elementen hinzugefügt, durch role="role_type", wobei role_type der Name einer Rolle in der ARIA-Spezifikation ist.

slot

Weist einem Element einen Platz in einem Shadow DOM-Schattendom-Baum zu: Ein Element mit einem slot-Attribut wird dem durch das <slot>-Element erstellten Slot zugewiesen, dessen name-Attributwert mit dem Wert des slot-Attributs übereinstimmt.

spellcheck

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

  • leerer String oder true, was bedeutet, dass das Element, falls möglich, auf Rechtschreibfehler überprüft werden sollte;
  • false, was bedeutet, 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 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 integer Attribut, das angibt, ob das Element den Eingabefokus annehmen kann (fokussierbar 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 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 steigende Wert des tabindex. Wenn mehrere Elemente denselben Tabindex haben, folgt ihre relative Ordnung ihren relativen Positionen im Dokument.
title

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

translate

Ein enumeriertes Attribut, das verwendet wird, um anzugeben, ob die Attributwerte eines Elements und die Werte seiner Text-Kindknoten beim Lokalisieren der Seite übersetzt oder unverändert bleiben sollen. Es kann folgende Werte annehmen:

  • leerer String oder yes, was bedeutet, dass das Element übersetzt werden soll.
  • no, was bedeutet, dass das Element nicht übersetzt werden soll.
virtualkeyboardpolicy Experimentell

Ein enumeriertes Attribut, das verwendet wird, um das Verhalten der On-Screen-Virtual-Tastatur 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 editierbar ist (zum Beispiel ein <input>- oder <textarea>-Element oder ein Element mit dem Attribut contenteditable gesetzt).

  • auto oder ein leerer String, der die virtuelle Tastatur automatisch anzeigt, wenn das Element fokussiert oder angetippt wird.
  • manual, das den Fokus und das Tippen auf das Element vom Zustand der virtuellen Tastatur entkoppelt.
writingsuggestions

Ein enumeriertes Attribut, das angibt, ob browserseitige Schreibvorschläge im Rahmen des Elements aktiviert sein sollten oder nicht.

  • false, was die Schreibvorschläge des Browsers deaktiviert.
  • true oder ein leerer String, was Schreibvorschläge aktiviert.

Spezifikationen

Specification
CSS Shadow Parts
# element-attrdef-html-global-exportparts
CSS Shadow Parts
# part-attr
HTML
# attr-autocapitalize
HTML
# nonce-does-not-update-dom
HTML
# inert-subtrees
HTML
# the-inert-attribute
HTML
# the-draggable-attribute
HTML
# the-hidden-attribute
HTML
# attr-translate
HTML
# attr-autocorrect
HTML
# the-dir-attribute
HTML
# the-title-attribute
HTML
# the-accesskey-attribute
HTML
# the-popover-attribute
HTML
# attr-contenteditable
VirtualKeyboard API
# dom-elementcontenteditable-virtualkeyboardpolicy
HTML
# attr-enterkeyhint
HTML
# attr-inputmode
HTML
# the-style-attribute
CSS Style Attributes
# style-attribute
HTML
# global-attributes:the-id-attribute-2
HTML
# attr-lang
HTML
# attr-nonce
HTML
# attr-is
HTML
# attr-data-*
HTML
# attr-slot
DOM
# ref-for-dom-element-slot①
HTML
# attr-tabindex
HTML
# attr-spellcheck
HTML
# writing-suggestions
HTML
# dom-fe-autofocus
HTML
# global-attributes:classes-2
HTML
# attr-popover-hint

Browser-Kompatibilität

Siehe auch

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