Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Globale Attribute
Globale Attribute sind Attribute, die für alle HTML-Elemente gemeinsam sind; sie können auf allen Elementen verwendet werden, obwohl sie bei einigen Elementen keine Wirkung haben könnten.
Globale Attribute können für alleHTML-Elemente angegeben werden,auch für solche, die nicht im Standard angegeben sind. Das bedeutet, dass auch nicht standardisierte Elemente diese Attribute zulassen müssen, auch wenn die Verwendung dieser Elemente bedeutet, dass das Dokument nicht mehr HTML5-konform ist. Beispielsweise blenden HTML5-konforme Browser Inhalte aus, die als<foo hidden>…</foo> gekennzeichnet sind, auch wenn<foo> kein gültiges HTML-Element ist.
Zusätzlich zu den grundlegenden globalen HTML-Attributen existieren auch die folgenden globalen Attribute:
xml:langundxml:base— diese sind aus den XHTML-Spezifikationen übernommen und veraltet, werden 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 aufgelistetenEvent-Handler-Attribute.
In diesem Artikel
Liste der globalen Attribute
accesskeyGibt einen Hinweis zur Erzeugung eines Tastaturkürzels für das aktuelle Element. Dieses Attribut besteht aus einer durch Leerzeichen getrennten Liste von Zeichen. Der Browser sollte das erste davon verwenden, das auf der Computertastatur vorhanden ist.
anchorNicht standardisiertVerknüpft ein positioniertes Element mit einem Anker-Element. Der Wert des Attributs ist der
id-Wert des Elements, an das das positionierte Element angedockt werden soll. Das Element kann dannmittels CSS-Anker-Positionierung positioniert werden.autocapitalizeSteuert, ob eingegebener Text automatisch großgeschrieben wird und, wenn ja, auf welche Weise.
autocorrectSteuert, 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"odertype="url".autofocusGibt 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 anfänglich auffalsegesetzt ist.classEine durch Leerzeichen getrennte Liste der Klassen des Elements. Klassen ermöglichen es CSS und JavaScript, bestimmte Elemente über dieKlassenselektoren oder Funktionen wie die Methode
Document.getElementsByClassName()auszuwählen und zuzugreifen.contenteditableEinaufzählbares Attribut, das angibt, ob das Element durch den Benutzer bearbeitbar sein soll. Wenn ja, ändert der Browser sein Widget, um das Bearbeiten zu ermöglichen. Das Attribut muss einen der folgenden Werte annehmen:
trueoder derleere String, was darauf hinweist, dass das Element bearbeitbar sein muss;false, was darauf hinweist, dass das Element nicht bearbeitbar sein darf.plaintext-only, was darauf hinweist, 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 proprietärer Informationen zwischen demHTML und seinerDOM-Darstellung ermöglichen, die von Skripten verwendet werden können. Alle solche benutzerdefinierten Daten sind über die
HTMLElement-Schnittstelle des Elements verfügbar, auf dem das Attribut gesetzt ist. DieHTMLElement.dataset-Eigenschaft ermöglicht den Zugriff darauf.dirEin aufzählbares Attribut, das die Leserichtung des Texts des Elements angibt. Es kann die folgenden Werte haben:
ltr, was bedeutetvon links nach rechts und für Sprachen verwendet wird, die von links nach rechts geschrieben werden (wie Englisch);rtl, was bedeutetvon rechts nach links und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);auto, was den Benutzeragenten entscheiden lässt. Beim Parsen der Zeichen im Element wird ein Grundalgorithmus verwendet, bis ein Zeichen mit einer starken Leserichtung gefunden wird, dann wird diese Leserichtung auf das gesamte Element angewendet.
draggableEin aufzählbares Attribut, das angibt, ob das Element mit derDrag and Drop API gezogen werden kann. Es kann die folgenden Werte haben:
true, was bedeutet, dass das Element gezogen werden kannfalse, was bedeutet, dass das Element nicht gezogen werden kann.
enterkeyhintGibt an, welches Aktionslabel (oder Icon) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.
exportpartsWird verwendet, um Schattenteile transitiv von einem verschachtelten Schattendokumentenbaum in einen beinhaltenden Lichtbaum zu exportieren.
hiddenEin aufzählbares Attribut, das anzeigt, dass das Element noch nicht oder nicht mehrrelevant ist. Beispielsweise kann es verwendet werden, um Elemente der Seite zu verbergen, die erst nach Abschluss des Anmeldevorgangs genutzt werden können. Der Browser wird solche Elemente nicht rendern. Dieses Attribut darf nicht verwendet werden, um Inhalte zu verstecken, die eigentlich angezeigt werden könnten.
idDefiniert eine eindeutige Kennung (ID), die im gesamten Dokument einzigartig sein muss. Sein Zweck besteht darin, das Element beim Verknüpfen (unter Verwendung eines Fragmentkennzeichens), Skripting oder Styling (mit CSS) zu identifizieren.
inertEin boolescher Wert, der den Browser veranlasst, Benutzereingabeereignisse für das Element zu ignorieren. Nützlich, wenn Klickevents vorhanden sind.
inputmodeGibt den Browsern einen Hinweis auf die Art der virtuellen Tastaturkonfiguration, die beim Bearbeiten dieses Elements oder seines Inhalts verwendet werden soll. Wird hauptsächlich für
<input>-Elemente verwendet, kann aber auf jedem Element imcontenteditable-Modus verwendet werden.isErmöglicht es, anzugeben, dass ein standardmäßiges HTML-Element wie ein registriertes, angepasstes eingebautes Element funktionieren soll (sieheVerwendung von eigenen Elementen für weitere Informationen).
Hinweis:Dieitem*-Attribute sind Teil desWHATWG HTML-Microdata-Features.
itemidDie eindeutige, globale Kennung eines Items.
itempropWird verwendet, um einem Item Eigenschaften hinzuzufügen. Jedes HTML-Element kann ein
itemprop-Attribut spezifiziert haben, wobei einitempropaus einem Namen-Wert-Paar besteht.itemrefEigenschaften, die keine Nachkommen eines Elements mit dem
itemscope-Attribut sind, können mit dem Item unter Verwendung einesitemrefassoziiert werden. Es bietet eine Liste von Element-IDs (nichtitemids) mit zusätzlichen Eigenschaften an anderer Stelle im Dokument.itemscopeitemscopearbeitet (normalerweise) zusammen mititemtype, um anzugeben, dass das HTML innerhalb eines Blocks über ein bestimmtes Item handelt.itemscopeerstellt das Item und definiert den Geltungsbereich des damit verbundenenitemtype.itemtypeist eine gültige URL eines Vokabulars (wieschema.org), das das Item und dessen Eigenschaften im Kontext beschreibt.itemtypeGibt die URL des Vokabulars an, das verwendet wird, um
itemprop's (Item-Eigenschaften) in der Datenstruktur zu definieren.itemscopewird verwendet, um den Geltungsbereich festzulegen, in dem das durchitemtypefestgelegte Vokabular in der Datenstruktur aktiv sein wird.langHilft, 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 sollten. Das Attribut sollte ein gültigesBCP 47-Sprachtag enthalten.
xml:langhat Vorrang vor ihm.nonceEin kryptografischerNonce ("einmal verwendete Nummer"), der von derContent-Security-Policy verwendet werden kann, um zu bestimmen, ob ein bestimmter Abruf zugelassen werden soll.
partEine durch Leerzeichen getrennte Liste von Teilnamen des Elements. Teilnamen ermöglichen es CSS, bestimmte Elemente in einem Schattenbaum über das
::partPseudoelement auszuwählen und zu stylen.popoverWird verwendet, um ein Element als Popover-Element zu kennzeichnen (siehePopover API). Popover-Elemente sind über
display: noneverborgen, bis sie über ein aufrufendes/steuerndes Element (d.h. ein<button>oder<input type="button">mit einempopovertargetAttribut) oder einenHTMLElement.showPopover()Aufruf geöffnet werden.roleRollen definieren die semantische Bedeutung von Inhalten, sodass Screenreader und andere Tools Inhalte anzeigen und mit ihnen interagieren können, auf eine Weise, die den Erwartungen der Benutzer an diesen Objekttyp entspricht.
roleswerden HTML-Elementen mitrole="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, dessennameAttributwert denslot-Attributwert entspricht.spellcheckEin aufzählbares Attribut, das angibt, ob das Element auf Rechtschreibfehler überprüft werden kann. Es kann die folgenden Werte haben:
- leerer String oder
true, was bedeutet, dass das Element, wenn möglich, auf Rechtschreibfehler überprüft werden sollte; false, was bedeutet, dass das Element nicht auf Rechtschreibfehler überprüft werden sollte.
- leerer String oder
styleEnthältCSS-Stylingdeklarationen, 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, schnell Styling zu ermöglichen, beispielsweise zu Testzwecken.tabindexEin ganzzahliges Attribut, das angibt, ob das Element den Eingabefokus erhalten kann (istfokussierbar), ob es an der sequentiellen Tastaturnavigation teilnimmt und, wenn ja, an welcher Position. Es kann mehrere Werte annehmen:
- einnegativer Wert bedeutet, dass das Element fokussierbar sein sollte, aber nicht über die sequentielle Tastaturnavigation erreichbar sein sollte;
0bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein sollte, aber seine relative Reihenfolge durch die Plattformkonvention definiert ist;- einpositiver Wert bedeutet, dass das Element fokussierbar und über die sequentielle Tastaturnavigation erreichbar sein sollte; die Reihenfolge, in der die Elemente fokussiert werden, ergibt sich aus dem aufsteigenden Wert des
tabindex. Wenn mehrere Elemente denselben Tabindex haben, folgt ihre relative Reihenfolge ihren relativen Positionen im Dokument.
titleEnthält einen Text, der beratende Informationen im Zusammenhang mit dem zugehörigen Element darstellt. Solche Informationen können typischerweise, aber nicht unbedingt, dem Benutzer als Tooltip präsentiert werden.
translateEin aufzählbares Attribut, das verwendet wird, um anzugeben, ob die Attributwerte eines Elements und die Werte seiner
Text-Knotenkinder bei der Lokalisierung der Seite übersetzt werden sollen oder ob sie unverändert bleiben sollen. Es kann die folgenden Werte haben:- leerer String oder
yes, was bedeutet, dass das Element übersetzt wird. no, was bedeutet, dass das Element nicht übersetzt wird.
- leerer String oder
virtualkeyboardpolicyExperimentellEinaufzählbares 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 verfügbar ist, für Elemente, deren Inhalt bearbeitbar ist (zum Beispiel ein
<input>oder<textarea>Element oder ein Element mit demcontenteditableAttribut gesetzt).autooder einleerer 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.
writingsuggestionsEinaufzählbares Attribut, das angibt, ob browserbasierte Schreibvorschläge innerhalb des Geltungsbereichs des Elements aktiviert sein sollen oder nicht.
false, was die Schreibvorschläge des Browsers deaktiviert.trueoder einleerer String, was Schreibvorschläge aktiviert.
Liste der globalen Event-Handler-Attribute
HTML-Event-Handler-Attribute werden nicht empfohlen; sieheHTML-Attribut-Referenz, um zu erfahren, wie sie funktionieren.
Obwohl die unten aufgeführten Attribute auf alle Elemente anwendbar sind, sind sie nicht auf allen Elementen nützlich. Beispielsweise wird dasonvolumechange-HTML-Attribut von allen Elementen akzeptiert und fügt einen Event-Listener fürvolumechange hinzu, aber nur Medien-Elemente werden jemals ein vom Browser ausgelöstesvolumechange-Ereignis empfangen. Für andere Elemente können Sie nurEventTarget.dispatchEvent() verwenden, um ein solches manuell auszulösen.Einige Attribute können auf<body> spezifiziert werden, aber sie würden dann stattdessen auf Ereignisse aufwindow lauschen.
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.