HTML - Attribute
Diese Seite bietet eine vollständige Übersicht über HTML-Attribute und beschreibt ihre grundlegende Funktion sowie typische Einsatzbereiche. Nicht alle Attribute sind für den alltäglichen Gebrauch relevant, dienen hier jedoch als Referenz.
| Attribut | Verwendet in | Beschreibung |
|---|---|---|
| accept | input | Definiert zulässige Dateitypen für Datei-Uploads. |
| form | ||
| accept-charset | form | Definiert die Zeichenkodierung beim Absenden eines Formulars. |
| accesskey | Global Attributes | Definiert eine Tastenkombination zum Aktivieren/Fokussieren eines Elements. |
| action | form | Definiert die Ziel-URL, an die ein Formular gesendet wird. |
| align | img | Definiert die Ausrichtung eines Elements. (veraltet) |
| table | ||
| allow | iframe | Definiert eine Permissions-Policy für eingebettete Inhalte. |
| allowfullscreen | iframe | Erlaubt dem iframe die Nutzung des Vollbildmodus. |
| alt | img | Definiert einen Alternativtext, falls ein Bild nicht angezeigt werden kann. |
| area | ||
| as | link | Definiert den Ressourcentyp bei preload/prefetch. |
| async | script | Lädt und führt ein Skript asynchron aus. |
| autocapitalize | Global Attributes | Steuert automatische Großschreibung bei Texteingaben. |
| autocomplete | form | Steuert automatische Vervollständigung von Formulareingaben. |
| input | ||
| select | ||
| textarea | ||
| autofocus | input | Setzt den Fokus automatisch beim Laden der Seite. |
| textarea | ||
| button | ||
| autoplay | audio | Startet Medienwiedergabe automatisch. |
| video | ||
| background | body | Definiert ein Hintergrundbild. (veraltet) |
| table | ||
| bgcolor | table | Definiert eine Hintergrundfarbe. (veraltet) |
| body | ||
| border | img | Definiert die Rahmenbreite. (veraltet) |
| table | ||
| capture | input | Gibt an, dass eine neue Datei erfasst werden kann (z. B. Kamera). |
| charset | meta | Definiert die Zeichenkodierung des Dokuments. |
| checked | input | Markiert ein Kontrollfeld/Radio-Button als vorab ausgewählt. |
| cite | blockquote | Definiert eine URL zur Quelle eines Zitats oder einer Änderung. |
| q | ||
| del | ||
| ins | ||
| class | Global Attributes | Weist einem Element eine oder mehrere CSS-Klassen zu. |
| color | hr | Definiert eine Farbe. (veraltet) |
| cols | textarea | Definiert die Anzahl sichtbarer Spalten einer Textarea. |
| colspan | td | Definiert, über wie viele Spalten eine Tabellenzelle reicht. |
| th | ||
| content | meta | Definiert den Inhalt einer Meta-Angabe. |
| contenteditable | Global Attributes | Definiert, ob der Inhalt eines Elements editierbar ist. |
| controls | audio | Blendet Bedienelemente für die Medienwiedergabe ein. |
| video | ||
| coords | area | Definiert Koordinaten für eine klickbare Fläche in einer Image-Map. |
| crossorigin | img | Steuert CORS-Verhalten beim Laden externer Ressourcen. |
| script | ||
| link | ||
| audio | ||
| video | ||
| csp | iframe | Definiert eine Content-Security-Policy für eingebettete Dokumente. |
| data | object | Definiert die Datenquelle eines eingebetteten Objekts. |
| data-* | Global Attributes | Definiert benutzerdefinierte Datenattribute. |
| datetime | time | Definiert einen maschinenlesbaren Datums-/Zeitwert. |
| del | ||
| ins | ||
| decoding | img | Gibt einen Hinweis, wie ein Bild dekodiert werden soll. |
| default | track | Markiert eine Textspur als Standard. |
| defer | script | Führt ein Skript erst nach dem Parsen des Dokuments aus. |
| dir | Global Attributes | Definiert die Textrichtung eines Elements. |
| bdo | ||
| dirname | input | Übermittelt zusätzlich die Textrichtung eines Formularelements. |
| textarea | ||
| disabled | input | Deaktiviert ein Formularelement. |
| button | ||
| select | ||
| textarea | ||
| fieldset | ||
| download | a | Erzwingt Download statt Navigation (optional mit Dateiname). |
| area | ||
| draggable | Global Attributes | Definiert, ob ein Element gezogen werden kann. |
| enctype | form | Definiert den Kodierungstyp beim Absenden eines Formulars. |
| enterkeyhint | input | Gibt einen Hinweis zur Beschriftung der Enter-Taste auf virtuellen Tastaturen. |
| textarea | ||
| elementtiming | img | Markiert ein Element für Element-Timing-Messungen. |
| video | ||
| p | ||
| fetchpriority | img | Definiert die Abrufpriorität einer Ressource. |
| link | ||
| script | ||
| for | label | Verknüpft ein Element mit anderen Elementen über deren id. |
| output | ||
| form | input | Ordnet ein Formularelement einem Formular per id zu. |
| button | ||
| select | ||
| textarea | ||
| fieldset | ||
| output | ||
| formaction | button | Überschreibt die Formular-Ziel-URL für dieses Steuerelement. |
| input | ||
| formenctype | button | Überschreibt den Formular-Kodierungstyp für dieses Steuerelement. |
| input | ||
| formmethod | button | Überschreibt die HTTP-Methode für dieses Steuerelement. |
| input | ||
| formnovalidate | button | Deaktiviert Validierung für dieses Steuerelement beim Absenden. |
| input | ||
| formtarget | button | Überschreibt das Ziel (target) für dieses Steuerelement. |
| input | ||
| headers | td | Verknüpft Tabellenzellen mit Kopfzellen per id. |
| th | ||
| height | img | Definiert die Höhe eines Elements in Pixeln. |
| video | ||
| canvas | ||
| iframe | ||
| hidden | Global Attributes | Blendet ein Element aus (optional bis zum Auffinden). |
| high | meter | Definiert die obere Grenze des hohen Bereichs in meter. |
| href | a | Definiert die Zieladresse einer Verknüpfung. |
| area | ||
| link | ||
| base | ||
| hreflang | a | Definiert die Sprache der verknüpften Ressource. |
| link | ||
| http-equiv | meta | Definiert eine HTTP-Header-ähnliche Meta-Angabe. |
| id | Global Attributes | Definiert eine eindeutige Kennung für ein Element. |
| imagesizes | link | Definiert Größenangaben für responsive Bild-Preloads. |
| imagesrcset | link | Definiert Kandidatenquellen für responsive Bild-Preloads. |
| inert | Global Attributes | Macht ein Element und seine Nachfahren nicht interaktiv. |
| inputmode | input | Gibt einen Hinweis zur Art der virtuellen Tastatur. |
| textarea | ||
| integrity | script | Definiert Integritätsdaten (SRI) für externe Ressourcen. |
| link | ||
| is | Global Attributes | Definiert eine angepasste Built-in Custom-Element-Variante. |
| ismap | img | Definiert ein Bild als serverseitige Image-Map. |
| itemid | Global Attributes | Definiert eine globale Kennung für ein Microdata-Item. |
| itemprop | Global Attributes | Definiert Eigenschaften eines Microdata-Items. |
| itemref | Global Attributes | Verweist auf zusätzliche Elemente, die Microdata-Eigenschaften liefern. |
| itemscope | Global Attributes | Markiert den Gültigkeitsbereich eines Microdata-Items. |
| itemtype | Global Attributes | Definiert den Typ (Vokabular-URL) eines Microdata-Items. |
| kind | track | Definiert die Art einer Textspur. |
| label | option | Definiert eine Beschriftung für Option oder Gruppe. |
| optgroup | ||
| lang | Global Attributes | Definiert die Sprache des Inhalts eines Elements. |
| list | input | Verknüpft ein Eingabefeld mit einer datalist per id. |
| loading | img | Steuert Lazy-Loading für Ressourcen. |
| iframe | ||
| loop | audio | Wiederholt Medienwiedergabe automatisch. |
| video | ||
| low | meter | Definiert die untere Grenze des niedrigen Bereichs in meter. |
| max | input | Definiert den maximal zulässigen Wert. |
| meter | ||
| progress | ||
| maxlength | input | Definiert die maximal zulässige Zeichenanzahl. |
| textarea | ||
| media | link | Definiert ein Medien-Query für die Ressource. |
| source | ||
| style | ||
| method | form | Definiert die HTTP-Methode beim Absenden eines Formulars. |
| min | input | Definiert den minimal zulässigen Wert. |
| minlength | input | Definiert die minimal erforderliche Zeichenanzahl. |
| textarea | ||
| multiple | input | Erlaubt mehrere Werte/Mehrfachauswahl. |
| select | ||
| muted | audio | Startet Medienwiedergabe stummgeschaltet. |
| video | ||
| name | input | Definiert den Namen eines Elements (z. B. in Formularen). |
| meta | ||
| form | ||
| nonce | script | Definiert einen Nonce-Wert für Content-Security-Policy. |
| style | ||
| nomodule | script | Verhindert Ausführung, wenn JavaScript-Module unterstützt werden. |
| novalidate | form | Deaktiviert Formularvalidierung beim Absenden. |
| open | details | Definiert den anfänglichen geöffneten Zustand. |
| dialog | ||
| optimum | meter | Definiert den optimalen Wert innerhalb eines Messbereichs. |
| pattern | input | Definiert ein Muster zur Eingabevalidierung. |
| ping | a | Definiert Ping-Ziel-URLs für Link-Aktivierungen. |
| area | ||
| placeholder | input | Definiert einen Platzhaltertext für Eingaben. |
| textarea | ||
| playsinline | video | Erlaubt Inline-Wiedergabe von Videos. |
| popover | div | Markiert ein Element als Popover. |
| popovertarget | button | Verknüpft ein Steuerelement mit einem Popover per id. |
| input | ||
| popovertargetaction | button | Definiert die Aktion für ein Popover-Ziel. |
| input | ||
| poster | video | Definiert ein Vorschaubild für ein Video. |
| preload | audio | Gibt einen Hinweis zum Vorladen von Medien. |
| video | ||
| readonly | input | Macht ein Eingabefeld schreibgeschützt. |
| textarea | ||
| referrerpolicy | a | Steuert, welche Referrer-Informationen gesendet werden. |
| img | ||
| link | ||
| script | ||
| iframe | ||
| rel | a | Definiert die Beziehung zur verknüpften Ressource. |
| link | ||
| form | ||
| required | input | Markiert ein Feld als erforderlich. |
| select | ||
| textarea | ||
| reversed | ol | Kehrt die Nummerierung einer geordneten Liste um. |
| rows | textarea | Definiert die Anzahl sichtbarer Zeilen einer Textarea. |
| rowspan | td | Definiert, über wie viele Zeilen eine Tabellenzelle reicht. |
| th | ||
| sandbox | iframe | Definiert Einschränkungen für eingebettete Inhalte. |
| scope | th | Definiert den Gültigkeitsbereich einer Tabellen-Kopfzelle. |
| selected | option | Markiert eine Option als vorab ausgewählt. |
| shape | area | Definiert die Form einer klickbaren Fläche. |
| size | input | Definiert die sichtbare Größe (Zeichen/Optionen). |
| select | ||
| sizes | img | Definiert Größenangaben für responsive Bilder/Icons. |
| source | ||
| link | ||
| slot | Global Attributes | Weist ein Element einem Slot zu. |
| span | col | Definiert, über wie viele Spalten die Spaltendefinition reicht. |
| colgroup | ||
| spellcheck | Global Attributes | Steuert Rechtschreib- und Grammatikprüfung. |
| src | img | Definiert die Quelle einer externen Ressource. |
| script | ||
| iframe | ||
| audio | ||
| video | ||
| source | ||
| track | ||
| srcdoc | iframe | Definiert Inline-HTML als Dokumentinhalt eines iframes. |
| srclang | track | Definiert die Sprache einer Textspur. |
| srcset | img | Definiert Kandidatenquellen für responsive Bilder. |
| source | ||
| start | ol | Definiert den Startwert einer geordneten Liste. |
| step | input | Definiert Schrittweiten für numerische Eingaben. |
| style | Global Attributes | Definiert Inline-CSS für ein Element. |
| tabindex | Global Attributes | Definiert die Tab-Reihenfolge/Fokusierbarkeit. |
| target | a | Definiert das Ziel, in dem ein Link/Formular geöffnet wird. |
| area | ||
| form | ||
| base | ||
| title | Global Attributes | Definiert einen Zusatztext (Tooltip) für ein Element. |
| translate | Global Attributes | Definiert, ob Inhalte übersetzt werden sollen. |
| type | input | Definiert den Typ eines Elements oder Inhalts. |
| button | ||
| script | ||
| style | ||
| usemap | img | Verknüpft ein Element mit einer Image-Map. |
| object | ||
| value | input | Definiert den Wert eines Elements. |
| option | ||
| button | ||
| progress | ||
| meter | ||
| width | img | Definiert die Breite eines Elements in Pixeln. |
| video | ||
| canvas | ||
| iframe | ||
| wrap | textarea | Definiert das Umbruchverhalten beim Absenden von Textarea-Inhalten. |
| onafterprint | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onauxclick | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onbeforeinput | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onbeforematch | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onbeforeprint | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onbeforetoggle | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onbeforeunload | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onblur | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncancel | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncanplay | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncanplaythrough | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onchange | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onclick | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onclose | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncommand | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncontextlost | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncontextmenu | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncontextrestored | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncopy | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncuechange | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oncut | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondblclick | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondrag | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondragend | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondragenter | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondragleave | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondragover | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondragstart | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondrop | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ondurationchange | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onemptied | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onended | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onerror | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onfocus | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onformdata | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onhashchange | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oninput | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| oninvalid | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onkeydown | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onkeypress | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onkeyup | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onlanguagechange | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onload | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onloadeddata | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onloadedmetadata | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onloadstart | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmessage | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmessageerror | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmousedown | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmouseenter | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmouseleave | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmousemove | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmouseout | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmouseover | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onmouseup | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onoffline | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ononline | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onpagehide | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onpagereveal | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onpageshow | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onpageswap | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onpaste | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onpause | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onplay | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onplaying | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onpopstate | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onprogress | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onratechange | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onrejectionhandled | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onreset | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onresize | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onscroll | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onscrollend | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onsecuritypolicyviolation | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onseeked | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onseeking | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onselect | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onslotchange | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onstalled | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onstorage | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onsubmit | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onsuspend | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ontimeupdate | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| ontoggle | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onunhandledrejection | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onunload | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onvolumechange | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onwaiting | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |
| onwheel | Event Attributes | Event-Handler-Attribut für das entsprechende Ereignis. |