Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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 allenHTML-Elementen angegeben werden,auch bei denen, die nicht im Standard spezifiziert sind. Das bedeutet, dass auch nicht-standardmäßige Elemente diese Attribute erlauben müssen, obwohl die Verwendung dieser Elemente bedeutet, 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 globalen HTML-Attributen existieren auch die folgenden globalen Attribute:
xml:langundxml:base— sie stammen aus den XHTML-Spezifikationen und sind veraltet, aber aus Kompatibilitätsgründen beibehalten.- Das ARIA-Attribut
roleund die verschiedenenaria-*Zustände und Eigenschaften, die zur Sicherstellung der Barrierefreiheit verwendet werden. - Die unten aufgeführtenEvent-Handler-Attribute.
In diesem Artikel
Liste der globalen Attribute
accesskeyBietet einen Hinweis zum Generieren 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.
anchorNicht standardisiertVerknü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 mitCSS-Ankerpositionierung positioniert werden.autocapitalizeSteuert, ob eingegebener Text automatisch großgeschrieben wird und wenn ja, in welcher Weise.
autocorrectSteuert, ob eingegebener Text automatisch auf Rechtschreibfehler überprüft und korrigiert wird.Dies kann auf Elemente angewendet werden, die bearbeitbaren Text haben, mit Ausnahme von
<input>-Elementen mit dem Attribut:type="password",type="email"odertype="url".autofocusGibt an, dass ein Element bei der Seitenladung oder sobald das
<dialog>, zu dem es gehört, angezeigt wird, fokussiert werden soll. Dieses Attribut ist ein boolescher Wert, der anfänglich falsch ist.classEine durch Leerzeichen getrennte Liste der Klassen eines Elements. Klassen ermöglichen es CSS und JavaScript, spezifische Elemente überKlassen-Selektoren oder Funktionen wie die Methode
Document.getElementsByClassName()auszuwählen und zuzugreifen.contenteditableEinenumeriertes Attribut, das angibt, ob das Element vom Benutzer bearbeitbar sein soll. In diesem Fall modifiziert der Browser sein Widget, um die Bearbeitung zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:
trueoder denleeren 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 Rohtext des Elements bearbeitbar ist, aber die Formatierung von Rich-Text deaktiviert ist.
data-*Bildet eine Klasse von Attributen, genannt benutzerdefinierte Datenattribute, die es erlauben, proprietäre Informationen zwischen demHTML und seinerDOM-Darstellung auszutauschen, die von Skripten verwendet werden können. Alle solche benutzerdefinierten Daten sind über die
HTMLElement-Schnittstelle des Elements zugänglich, auf dem das Attribut gesetzt ist. DieHTMLElement.dataset-Eigenschaft ermöglicht den Zugriff auf sie.dirEin enumeriertes Attribut, das die Richtung des Textes des Elements angibt. Es kann die folgenden Werte haben:
ltr, wasvon links nach rechts bedeutet und für Sprachen verwendet wird, die von links nach rechts geschrieben werden (wie Englisch);rtl, wasvon rechts nach links bedeutet und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);auto, was dem Benutzeragenten die Entscheidung überlässt. Er verwendet einen einfachen Algorithmus, indem er die Zeichen innerhalb des Elements parst, bis er ein Zeichen mit starker Richtung findet, dann wendet er diese Richtung auf das gesamte Element an.
draggableEin enumeriertes Attribut, das angibt, ob das Element gezogen werden kann, unter Verwendung derDrag and Drop API. Es kann die folgenden Werte haben:
true, was darauf hinweist, dass das Element gezogen werden kann;false, was darauf hinweist, dass das Element nicht gezogen werden kann.
enterkeyhintGibt einen Hinweis darauf, welche Aktionsbezeichnung (oder Ikone) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.
exportpartsWird verwendet, um Schatten-Teile transitiv von einem verschachtelten Schattenbaum in einen umgebenden Lichtbaum zu exportieren.
hiddenEin enumeriertes Attribut, das angibt, dass das Element noch nicht oder nicht mehrrelevant ist. Es kann beispielsweise verwendet werden, um Elemente der Seite zu verstecken, die nicht genutzt werden können, bis der Anmeldeprozess 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.
idDefiniert einen eindeutigen Bezeichner (ID), der im gesamten Dokument einzigartig sein muss. Sein Zweck ist es, das Element beim Verknüpfen (mittels eines Fragmentbezeichners), Skripting oder Styling (mit CSS) zu identifizieren.
inertEin boolescher Wert, der den Browser veranlasst, Benutzereingabeereignisse für das Element zu ignorieren. Nützlich, wenn Klickereignisse vorhanden sind.
inputmodeGibt den Browsern einen Hinweis zur Konfiguration der virtuellen Tastatur, die beim Bearbeiten dieses Elements oder seines Inhalts verwendet werden soll. Wird hauptsächlich auf
<input>-Elementen verwendet, kann jedoch auf jedem Element imcontenteditable-Modus verwendet werden.isErmöglicht es, anzugeben, dass ein standardmäßiges HTML-Element wie ein registriertes angepasstes integriertes Element funktionieren soll (sieheVerwendung benutzerdefinierter Elemente für mehr Details).
Hinweis:Dieitem* Attribute sind Teil derWHATWG HTML Microdata-Funktion.
itemidDer eindeutige, globale Bezeichner eines Elements.
itempropWird verwendet, um Eigenschaften zu einem Element hinzuzufügen. Jedes HTML-Element kann ein
itemprop-Attribut festgelegt haben, wobei einitempropaus einem Namen-Wert-Paar besteht.itemrefEigenschaften, die keine Nachkommen eines Elements mit dem
itemscope-Attribut sind, können durch einenitemrefmit dem Element in Verbindung gebracht werden. Es bietet eine Liste von Element-IDs (nichtitemids) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument.itemscopeitemscopearbeitet (in der Regel) zusammen mititemtype, um anzugeben, dass das in einem Block enthaltene HTML sich auf ein bestimmtes Element bezieht.itemscopeerstellt das Item und definiert den Umfang desitemtype, der damit verbunden ist.itemtypeist eine gültige URL eines Vokabulars (wieschema.org), das das Item und seine Eigenschaften beschreibt.itemtypeGibt die URL des Vokabulars an, das verwendet wird, um
itemprops (Elementeigenschaften) in der Datenstruktur zu definieren.itemscopewird verwendet, um den Umfang festzulegen, in dem in der Datenstruktur das vonitemtypegesetzte Vokabular aktiv ist.langHilft, die Sprache eines Elements zu definieren: die Sprache, in der nicht editierbare Elemente geschrieben sind, oder die Sprache, in der editierbare Elemente vom Benutzer geschrieben werden sollten. Das Attribut sollte ein gültigesBCP 47 Sprache-Tag enthalten.
xml:langhat Vorrang vor diesem.nonceEin kryptografischer Nonce ("number used once"), der von derContent Security Policy verwendet werden kann, um zu bestimmen, ob ein gegebener Abruf fortgesetzt werden darf.
partEine durch Leerzeichen getrennte Liste der Teilnamen des Elements. Teilnamen ermöglichen es CSS, spezifische Elemente in einem Schattenbaum über das
::part-Pseudoelement auszuwählen und zu stylen.popoverWird verwendet, um ein Element als Popover-Element zu kennzeichnen (siehePopover-API). Popover-Elemente werden über
display: noneverborgen, bis sie über ein auslösendes/steuerndes Element (z. B. ein<button>oder ein<input type="button">mit einempopovertarget-Attribut) oder einenHTMLElement.showPopover()-Aufruf geöffnet werden.roleRollen definieren die semantische Bedeutung von Inhalten und ermöglichen es Bildschirmlesegeräten und anderen Werkzeugen, mit einem Objekt zu interagieren und es auf eine Weise darzustellen, die mit den Benutzererwartungen für diesen Objekttyp übereinstimmt.
roleswerden HTML-Elementen unter Verwendung vonrole="role_type"hinzugefügt, wobeirole_typeder Name einer Rolle in der ARIA-Spezifikation ist.slotWeist einem Element einen Slot in einemshadow DOM-Schattenbaum zu: Ein Element mit einem
slot-Attribut wird dem Slot zugewiesen, der von dem<slot>-Element erstellt wurde, dessenname-Attributswert mit dem desslot-Attributs übereinstimmt.spellcheckEin enumeriertes Attribut, das definiert, ob das Element auf Rechtschreibfehler überprüft werden kann. Es kann die folgenden Werte haben:
- ein 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 soll.
- ein leerer String oder
styleBeinhaltetCSS-Styling-Deklarationen, die auf das Element angewendet werden sollen. Es wird empfohlen, Styles in einer separaten Datei oder in separaten Dateien zu definieren. Dieses Attribut und das
<style>-Element haben hauptsächlich den Zweck, schnelle Styling-Möglichkeiten bereitzustellen, beispielsweise zu Testzwecken.tabindexEin ganzzahliges Attribut, das angibt, ob das Element den Eingabefokus erhalten kann (fokussierbar ist), ob es an der sequentiellen Tastaturnavigation teilnehmen soll, und wenn ja, an welcher Position. Es kann mehrere Werte annehmen:
- einnegativer Wert bedeutet, dass das Element fokussierbar sein soll, aber nicht über die sequentielle Tastaturnavigation erreichbar sein soll;
0bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein soll, aber seine relative Reihenfolge wird durch die Plattformkonvention definiert;- einpositiver Wert bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein soll; die Reihenfolge, in der die Elemente fokussiert sind, ist der steigende Wert des
tabindex. Wenn mehrere Elemente denselben tabindex haben, folgt ihre relative Reihenfolge ihrer relativen Position im Dokument.
titleBeinhaltet einen Text, der beratende Informationen im Zusammenhang mit dem Element enthält, zu dem er gehört. Solche Informationen können typischerweise, aber nicht unbedingt, dem Benutzer als Tooltip präsentiert werden.
translateEin enumeriertes Attribut, das verwendet wird, um festzulegen, ob die Attributwerte eines Elements und die Werte seiner
Text-Knotenkinder bei der Lokalisierung der Seite übersetzt oder unverändert bleiben sollen. Es kann die folgenden Werte haben:- ein leerer String oder
yes, was anzeigt, dass das Element übersetzt wird. no, was anzeigt, dass das Element nicht übersetzt wird.
- ein leerer String oder
virtualkeyboardpolicyExperimentellEinenumeriertes Attribut, das verwendet wird, um das Verhalten der auf dem Bildschirm angezeigten virtuellen Tastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten, bei denen möglicherweise keine Hardwaretastatur verfügbar ist, zu steuern. Dies gilt für Elemente, deren Inhalt bearbeitbar ist (z.B. es ist ein
<input>- oder<textarea>-Element oder ein Element mit dem gesetztencontenteditable-Attribut).autooder einleerer String, was die virtuelle Tastatur automatisch anzeigt, wenn das Element fokussiert oder angeklickt wird.manual, was den Fokus und Klick auf das Element vom Status der virtuellen Tastatur entkoppelt.
writingsuggestionsEinenumeriertes Attribut, das angibt, ob browserseitige Schreibvorschläge unter dem Geltungsbereich des Elements aktiviert sein sollen oder nicht.
false, was die Schreibvorschläge des Browsers deaktiviert.trueoder einleerer String, was die Schreibvorschläge aktiviert.
Liste der globalen Event-Handler-Attribute
HTML-Event-Handler-Attribute werden nicht empfohlen; sieheHTML Attributreferenz für Informationen über ihre Funktionsweise.
Obwohl die unten aufgeführten Attribute auf alle Elemente angewendet werden, sind sie nicht bei allen Elementen nützlich. Zum Beispiel wird dasonvolumechange-HTML-Attribut bei allen Elementen akzeptiert und hängt einen Event-Listener fürvolumechange an, aber nur Mediaelemente werden jemals einvolumechange-Ereignis vom Browser erhalten. Für andere Elemente kann man nurEventTarget.dispatchEvent() verwenden, um manuell ein solches Ereignis zu senden.Einige Attribute können auf<body> angegeben werden, jedoch würden sie stattdessen Events amwindow hören.
onabortonanimationcancelonanimationendonanimationiterationonanimationstartonauxclickonbeforeinputonbeforematchonbeforetoggleonbluroncanceloncanplayoncanplaythroughonchangeonclickoncloseoncommandoncontentvisibilityautostatechangeoncontextlostoncontextmenuoncontextrestoredoncopyoncuechangeoncutondblclickondragondragendondragenterondragleaveondragoverondragstartondropondurationchangeonemptiedonendedonerroronfocusonfocusinonfocusoutonformdataonfullscreenchangeonfullscreenerrorongesturechangeNicht standardisiertongestureendNicht standardisiertongesturestartNicht standardisiertongotpointercaptureoninputoninvalidonkeydownonkeypressVeraltetonkeyuponloadonloadeddataonloadedmetadataonloadstartonlostpointercaptureonmousedownonmouseenteronmouseleaveonmousemoveonmouseoutonmouseoveronmouseuponmousewheelVeraltetNicht standardisiertonpasteonpauseonplayonplayingonpointercancelonpointerdownonpointerenteronpointerleaveonpointermoveonpointeroutonpointeroveronpointerrawupdateonpointeruponprogressonratechangeonresetonresizeonscrollonscrollendonscrollsnapchangeExperimentellonscrollsnapchangingExperimentellonsecuritypolicyviolationonseekedonseekingonselectonselectionchangeonselectstartonslotchangeonstalledonsubmitonsuspendontimeupdateontoggleontouchcancelontouchendontouchmoveontouchstartontransitioncancelontransitionendontransitionrunontransitionstartonvolumechangeonwaitingonwebkitmouseforcechangedNicht standardisiertonwebkitmouseforcedownNicht standardisiertonwebkitmouseforceupNicht standardisiertonwebkitmouseforcewillbeginNicht standardisiertonwheel
Spezifikationen
Browser-Kompatibilität
Siehe auch
Element-Schnittstelle, die es ermöglicht, die meisten globalen Attribute abzufragen.