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 und xml:base — diese sind aus den XHTML-Spezifikationen übernommen und veraltet, werden aber aus Kompatibilitätsgründen beibehalten.
  • Das ARIA-Attribut role und die verschiedenen 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

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" 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 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. Die HTMLElement.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 darf
  • false, 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.

hidden

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 in contenteditable-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 ein itemprop aus einem Name-Wert-Paar besteht.

itemref

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

itemscope

itemscope funktioniert normalerweise zusammen mit itemtype, 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 verbundenen itemtype. 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 itemprops (Elementeigenschaften) in der Datenstruktur zu definieren. itemscope wird verwendet, um den Umfang 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 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 einem popovertarget-Attribut) oder ein HTMLElement.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 mit role="role_type" hinzugefügt, wobei role_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, dessen name-Attributwert mit dem Wert dieses slot-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.
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.
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 dem contenteditable-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

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

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