Globale Attribute

Globale Attribute sind Attribute, die allen HTML-Elementen gemeinsam sind; sie können auf allen Elementen verwendet werden, obwohl sie bei manchen Elementen möglicherweise keine Wirkung haben.

Globale Attribute können bei allen HTML-Elementen angegeben werden, auch bei denen, die nicht im Standard 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. Zum Beispiel verstecken HTML5-konforme Browser Inhalte, die als <foo hidden>…</foo> markiert sind, obwohl <foo> kein gültiges HTML-Element ist.

Neben den grundlegenden globalen HTML-Attributen existieren auch folgende globale Attribute:

  • xml:lang und xml:base — diese sind aus den XHTML-Spezifikationen übernommen und veraltet, aber 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 zum Erstellen eines Tastaturkürzels 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 Tastaturlayout des Computers existiert.

anchor Nicht standardisiert

Verknüpft ein positioniertes Element mit einem Anker-Element. Der Wert des Attributs ist der id-Wert des Elements, an das Sie das positionierte Element verankern möchten. Anschließend kann das Element mittels CSS-Ankerpositionierung positioniert werden.

autocapitalize

Legt fest, ob eingegebener Text automatisch großgeschrieben wird und, wenn ja, auf welche Weise.

autocorrect

Kontrolliert, ob eingegebener Text automatisch auf Rechtschreibfehler korrigiert wird. Dies kann auf Elemente angewendet werden, die bearbeitbaren Text enthalten, mit Ausnahme von <input>-Elementen 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 boolescher Wert, der anfänglich auf false gesetzt 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 zuzugreifen.

contenteditable

Ein enumeriertes Attribut, das angibt, ob das Element vom Benutzer bearbeitbar sein soll. In diesem Fall ändert der Browser sein Widget, um das Bearbeiten 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 muss;
  • plaintext-only, was angibt, dass der rohe Text des Elements bearbeitbar ist, aber Formatierungen des Rich Text deaktiviert sind.
data-*

Bildet eine Klasse von Attributen, die als benutzerdefinierte Datenattribute bezeichnet werden und den Austausch von proprietären Informationen zwischen dem HTML und seiner DOM-Darstellung ermöglichen, die von Skripten verwendet werden können. Alle solchen benutzerdefinierten Daten sind über das HTMLElement-Interface des Elements, auf dem das Attribut gesetzt ist, verfügbar. Die HTMLElement.dataset-Eigenschaft bietet 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 wird, die von links nach rechts geschrieben werden (wie Englisch);
  • rtl, was von rechts nach links bedeutet und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);
  • auto, was den Benutzeragenten entscheiden lässt. Er verwendet einen grundlegenden Algorithmus, indem er die Zeichen innerhalb des Elements parst, bis er ein Zeichen mit einer starken Richtung findet, und wendet dann diese Richtung auf das gesamte Element an.
draggable

Ein enumeriertes Attribut, das angibt, ob das Element mithilfe 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) für die Eingabetaste auf virtuellen Tastaturen dargestellt werden soll.

exportparts

Wird verwendet, um Schatten-Teile transitive zu exportieren von einem verschachtelten Schattenbaum in einen enthaltenden Lichtbaum.

hidden

Ein enumeriertes Attribut, das angibt, dass das Element noch nicht oder nicht mehr relevant ist. Beispielsweise kann es verwendet werden, um Elemente der Seite zu verbergen, die erst nach Abschluss des Anmeldevorgangs verwendet werden können. 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. Sein Zweck ist es, das Element beim Verknüpfen (Verwenden eines Fragment-Identifiers), Scripting oder Styling (mit CSS) zu identifizieren.

inert

Ein boolescher Wert, der den Browser dazu bringt, Benutzereingabeereignisse für das Element zu ignorieren. Nützlich, wenn Klickereignisse vorhanden sind.

inputmode

Gibt einen Hinweis an Browser, welche virtuelle Tastaturkonfiguration verwendet werden soll, wenn dieses Element oder dessen Inhalte bearbeitet werden. Wird hauptsächlich bei <input>-Elementen verwendet, kann aber auf jedes Element angewendet werden, solange es im Modus contenteditable ist.

is

Ermöglicht es Ihnen anzugeben, dass ein Standard-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 Merkmals.

itemid

Der eindeutige, globale Bezeichner eines Elements.

itemprop

Wird verwendet, um Eigenschaften zu einem Element hinzuzufügen. Jedes HTML-Element kann einen itemprop-Attributwert haben, bei dem ein itemprop aus einem Namen-Wert-Paar besteht.

itemref

Eigenschaften, die keine Nachkommen eines Elements mit dem itemscope-Attribut sind, können dem Element mittels eines itemref zugeordnet werden. Es bietet eine Liste von Element-Ids (nicht itemids) mit zusätzlichen Eigenschaften anderswo im Dokument.

itemscope

itemscope funktioniert (in der Regel) zusammen mit itemtype, um anzugeben, dass der HTML-Inhalt innerhalb eines Blocks sich auf ein bestimmtes Element bezieht. itemscope erstellt das Item und definiert den Geltungsbereich des damit verbundenen itemtype. itemtype ist eine gültige URL eines Vokabulars (wie schema.org), das das Element und dessen 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 Geltungsbereich festzulegen, in dem die durch itemtype bestimmte Vokabular festgelegt wird, aktiv sein wird.

lang

Hilft, die Sprache eines Elements zu definieren: die Sprache, in der nicht bearbeitbare Elemente stehen, oder die Sprache, in der bearbeitbare Elemente vom Benutzer geschrieben werden sollen. Das Attribut enthält ein "Sprachtag" (bestehend aus einem durch Bindestriche getrennten "Sprach-Subtag") im Format, das in RFC 5646: Tags for Identifying Languages (auch bekannt als BCP 47) definiert ist. xml:lang hat Vorrang darüber.

nonce

Ein kryptografischer Nonce ("Nummer, die nur einmal verwendet wird"), der von der Content Security Policy verwendet werden kann, um zu bestimmen, ob ein bestimmter Aufruf zugelassen wird.

part

Eine durch Leerzeichen getrennte Liste der Teilenamen des Elements. Teilenamen erlauben CSS, spezifische Elemente in einem Schattenbaum über das ::part-Pseudoelement zu selektieren und zu stylen.

popover

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

role

Rollen definieren die semantische Bedeutung von Inhalten und erlauben Bildschirmlesegeräten und anderen Tools, eine Interaktion mit einem Objekt auf eine Weise zu präsentieren und zu unterstützen, die mit den Benutzererwartungen für diesen Objekttyp konsistent ist. roles werden zu HTML-Elementen hinzugefügt mittels role="role_type", wobei role_type der Name einer Rolle in der ARIA-Spezifikation ist.

slot

Weise einem Slot in einem Schatten-DOM Schattenbaum ein Element zu: Ein Element mit einem slot-Attribut wird dem Slot zugeordnet, der durch das <slot>-Element erstellt wurde, dessen name-Attributwert mit diesem slot-Attributwert übereinstimmt.

spellcheck

Ein enumeriertes Attribut, das festlegt, ob das Element auf Rechtschreibfehler überprüft werden kann. Es kann die folgenden Werte haben:

  • leerer String oder true, was angibt, dass das Element, wenn möglich, auf Rechtschreibfehler geprüft werden sollte;
  • false, was angibt, dass das Element nicht auf Rechtschreibfehler geprüft werden sollte.
style

Enthält CSS-Style-Deklarationen, die auf das Element angewendet werden sollen. Beachten Sie, dass es empfohlen wird, Styles in einer separaten Datei oder Dateien zu definieren. Dieses Attribut und das <style>-Element haben hauptsächlich den Zweck, schnelles Styling zu ermöglichen, beispielsweise für Testzwecke.

tabindex

Ein ganzzahliger Wert, der angibt, ob das Element Eingabefokus erhalten kann (ist fokussierbar), ob es an der sequentiellen Tastaturnavigation teilnehmen soll und wenn ja, in welcher Reihenfolge. Es kann verschiedene Werte annehmen:

  • ein negativer Wert bedeutet, dass das Element fokussierbar sein soll, jedoch nicht über sequentielle Tastaturnavigation erreichbar ist;
  • 0 bedeutet, dass das Element fokussierbar und über sequentielle Tastaturnavigation erreichbar sein soll, jedoch die relative Reihenfolge durch die Plattformkonvention definiert ist;
  • ein positiver Wert bedeutet, dass das Element fokussierbar und über 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 Beratungsinformationen zu dem Element, zu dem es gehört, darstellt. Solche Informationen können typischerweise, aber nicht notwendigerweise, dem Benutzer als Tooltip präsentiert werden.

translate

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

  • leerer String oder yes, was angibt, dass das Element übersetzt wird.
  • no, was angibt, dass das Element nicht übersetzt wird.
virtualkeyboardpolicy Experimentell

Ein enumeriertes Attribut, das verwendet wird, um das Verhalten der virtuellen Bildschirmtastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten, bei denen eine Hardware-Tastatur möglicherweise nicht verfügbar ist, zu steuern, für Elemente, deren Inhalt bearbeitbar ist (zum Beispiel ist es ein <input> oder <textarea> Element oder ein Element mit dem contenteditable-Attribut).

  • auto oder ein leerer String, was bedeutet, dass die virtuelle Tastatur automatisch angezeigt wird, wenn das Element fokussiert oder angeklickt wird.
  • manual, was den Fokus und Klick auf das Element vom Zustand der virtuellen Tastatur entkoppelt.
writingsuggestions

Ein enumeriertes Attribut, das angibt, ob schreibergestützte Vorschläge von der unter dem Geltungsbereich des Elements aktivierten Webseite bereitgestellt werden sollen oder nicht.

  • false, was die schreibergestützten Vorschläge des Browsers deaktiviert.
  • true oder ein leerer String, was schreibergestützte Vorschläge aktiviert.

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

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