Globale HTML-Attribute
Globale Attribute können bei jedem HTML-Element verwendet werden. Allerdings haben einige Attribute bei bestimmten Elementen keine Wirkung. Beispielsweise beeinflusst spellcheck weder das Verhalten noch die Semantik eines Absatzes, und lang hat bei einem Element ohne Inhalt keine Wirkung.
Alle globalen Attribute und ihre Erklärungen finden Sie unten:
| Attributes | Description | Value | Syntax |
|---|---|---|---|
| accesskey | Erzeugt eine Tastenkombination für das Element. Die Art des Zugriffs auf die Tastenkombination hängt vom Browser ab (z. B. ALT, STRG, ALT+UMSCHALT oder STRG+ALT). | character | <element accesskey="character"> |
| class | Fügt einem Element einen oder mehrere Klassennamen hinzu. In Verbindung mit Stylesheets teilt es dem Browser mit, welche Klassen Eigenschaften auf das Element anwenden sollen. | classname | <element class="classname"> |
| contenteditable | Gibt an, ob der Inhalt eines Elements bearbeitbar ist. Mit dem Wert "true" ist der Inhalt bearbeitbar; mit dem Wert "false" (Standard) ist er es nicht. | true false | <element contenteditable="true |
| contextmenu | Veraltet. Wurde verwendet, um ein Kontextmenü für das Element zu erstellen, das angezeigt wird, wenn der Benutzer mit der rechten Maustaste klickt. Aus dem HTML Living Standard entfernt. | menu_id | <element contextmenu="menu_id"> |
| data-* | Ermöglicht das Einbetten benutzerdefinierter Datenattribute in alle HTML-Elemente. Auf diese Attribute kann über die JavaScript-API dataset zugegriffen werden. | value | <element data-attribute="value"> |
| dir | Definiert die Textrichtung für Inhalte innerhalb des Elements. Nützlich zum Einfügen von Inhalten mit einer anderen Textrichtung, z. B. Arabisch oder Hebräisch. | rtl ltr auto | <element dir="ltr |
| draggable | Definiert, ob ein Element ziehbar ist. Bei "true" erlaubt der Browser das Ziehen; bei "false" ist das Ziehen deaktiviert. | true false auto | <element draggable="true |
| dropzone | Gibt an, ob gezogene Daten nach dem Ablegen kopiert, verschoben oder verknüpft werden. Wenn es weggelassen wird, ist standardmäßig "copy" impliziert. | copy move link | <element dropzone="copy |
| hidden | Wenn vorhanden, zeigt es an, dass ein Element noch nicht oder nicht mehr relevant ist. Browser blenden das Element aus. | - | <element hidden> |
| id | Definiert eine eindeutige ID für das Element. Bezeichner müssen mindestens ein Zeichen lang sein und dürfen keine Leerzeichen enthalten. | id | <element id="id"> |
| lang | Definiert die Sprache des Inhalts des Elements. Siehe alle Sprachcodes hier. | language_code | <element lang="language_code"> |
| spellcheck | Definiert, ob ein Element auf Rechtschreibfehler überprüft werden kann. Bei "true" oder einem leeren String ("") unterstreichen Browser häufig falsch geschriebene Wörter und bieten Alternativen an. Bei "false" sind Rechtschreibprüfungen deaktiviert. | true false | <element spellcheck="true |
| style | Definiert Inline-CSS-Stile für ein Element. Im Gegensatz zum Attribut class werden diese Stile direkt auf das Element angewendet. | style_definitions | <element style="style_definitions"> |
| tabindex | Definiert die Tab-Reihenfolge für ein Element bei der Navigation mit der Taste "Tab". Wenn der Wert negativ ist, wird das Element von der sequentiellen Tastaturnavigation ausgeschlossen. | number | <element tabindex="number"> |
| title | Bietet zusätzliche Informationen über das Element. Browser zeigen dies typischerweise als Tooltip an. | text | <element title="text"> |
| translate | Definiert, ob der Inhalt eines Elements übersetzt werden muss. Bei "yes" oder einem leeren String ("") übersetzen Browser den Text. Bei "no" wird das Element von der Übersetzung ausgeschlossen. | yes no | <element translate="yes |
Practice
Which of the following is a true statement about HTML Global attributes according to https://www.w3docs.com/learn-html/global-attributes.html?