HTML-Attributreferenz

Elemente in HTML haben Attribute; diese sind zusätzliche Werte, die die Elemente konfigurieren oder ihr Verhalten verschiedenartig anpassen, um die gewünschten Kriterien der Benutzer zu erfüllen.

Attributliste

Attributname	Elemente	Beschreibung
`accept`	`<form>`, `<input>`	Liste der Typen, die der Server akzeptiert, typischerweise ein Dateityp.
`accept-charset`	`<form>`	Die Zeichencodierung, die angegeben werden muss, wenn sie bereitgestellt wird, als `"UTF-8"`.
`accesskey`	Globales Attribut	Tastenkombination, um das Element zu aktivieren oder den Fokus darauf zu setzen.
`action`	`<form>`	Die URI eines Programms, das die über das Formular übermittelten Informationen verarbeitet.
`align`	`<caption>`, `<col>`, `<colgroup>`, `<hr>`, `<iframe>`, `<img>`, `<table>`, `<tbody>`, `<td>`, `<tfoot>`, `<th>`, `<thead>`, `<tr>`	Spezifiziert die horizontale Ausrichtung des Elements.
`allow`	`<iframe>`	Gibt eine Feature-Richtlinie für das Iframe an.
`alpha`	`<input>`	Erlaubt dem Benutzer, die Deckkraft einer Farbe in einem `type="color"` Eingabefeld auszuwählen.
`alt`	`<area>`, `<img>`, `<input>`	Alternativtext für den Fall, dass ein Bild nicht angezeigt werden kann.
`aria-*`	Alle Elemente	Ändert den Zustand oder die Eigenschaften eines Elements im Zugänglichkeitsbaum. Die Anwendbarkeit hängt vom spezifischen ARIA Attribut ab.
`as`	`<link>`	Gibt den Typ des Inhalts an, der durch den Link geladen wird.
`async`	`<script>`	Führt das Skript asynchron aus.
`autocapitalize`	Globales Attribut	Legt fest, ob Eingaben beim Eingeben durch den Benutzer automatisch großgeschrieben werden.
`autocomplete`	`<form>`, `<input>`, `<select>`, `<textarea>`	Gibt an, ob die Steuerelemente in diesem Formular standardmäßig automatisch durch den Browser vervollständigt werden können.
`autoplay`	`<audio>`, `<video>`	Das Audio- oder Videoelement sollte so bald wie möglich abgespielt werden.
`background`	`<body>`, `<table>`, `<td>`, `<th>`	Gibt die URL einer Bilddatei an. Hinweis: Obwohl Browser und E-Mail-Clients dieses Attribut möglicherweise noch unterstützen, ist es veraltet. Verwenden Sie stattdessen CSS `background-image`.
`bgcolor`	`<body>`, `<col>`, `<colgroup>`, `<marquee>`, `<table>`, `<tbody>`, `<tfoot>`, `<td>`, `<th>`, `<tr>`	Hintergrundfarbe des Elements. Hinweis: Dies ist ein altes Attribut. Bitte verwenden Sie stattdessen die CSS-Eigenschaft `background-color`.
`border`	`<img>`, `<object>`, `<table>`	Die Breite des Rands. Hinweis: Dies ist ein altes Attribut. Bitte verwenden Sie stattdessen die CSS-Eigenschaft `border`.
`capture`	`<input>`	Aus der Media-Capture-Spezifikation, gibt an, dass eine neue Datei aufgenommen werden kann.
`charset`	`<meta>`	Erklärt die Zeichenkodierung der Seite oder des Skripts.
`checked`	`<input>`	Gibt an, ob das Element beim Laden der Seite aktiviert sein soll.
`cite`	`<blockquote>`, `<del>`, `<ins>`, `<q>`	Enthält eine URI, die auf die Quelle des Zitats oder der Änderung verweist.
`class`	Globales Attribut	Wird häufig mit CSS verwendet, um Elemente mit gemeinsamen Eigenschaften zu gestalten.
`color`	`<font>`, `<hr>`	Dieses Attribut legt die Textfarbe fest, indem entweder eine benannte Farbe oder eine Farbe im hexadezimalen Format #RRGGBB angegeben wird. Hinweis: Dies ist ein altes Attribut. Bitte verwenden Sie stattdessen die CSS-Eigenschaft `color`.
`colorspace`	`<input>`	Definiert den Farbraum, der von einem `type="color"` Eingabefeld verwendet wird.
`cols`	`<textarea>`	Definiert die Anzahl der Spalten in einem Textbereich.
`colspan`	`<td>`, `<th>`	Das Attribut colspan definiert, wie viele Spalten eine Zelle umfassen soll.
`content`	`<meta>`	Ein Wert, der mit `http-equiv` oder `name` je nach Kontext verbunden ist.
`contenteditable`	Globales Attribut	Gibt an, ob der Inhalt des Elements bearbeitbar ist.
`controls`	`<audio>`, `<video>`	Gibt an, ob dem Benutzer Wiedergabesteuerungen angezeigt werden sollen.
`coords`	`<area>`	Eine Reihe von Werten, die die Koordinaten der Hot-Spot-Region angeben.
`crossorigin`	`<audio>`, `<img>`, `<link>`, `<script>`, `<video>`	Wie das Element Anfragen zu einer anderen Herkunft (Cross-Origin) handhabt
`csp`	`<iframe>`	Gibt die Content Security Policy an, die ein eingebettetes Dokument für sich selbst durchsetzen muss.
`data`	`<object>`	Gibt die URL der Ressource an.
`data-*`	Globales Attribut	Ermöglicht das Anhängen benutzerdefinierter Attribute an ein HTML-Element.
`datetime`	`<del>`, `<ins>`, `<time>`	Gibt das Datum und die Uhrzeit des Elements an.
`decoding`	`<img>`	Gibt die bevorzugte Methode zum Dekodieren des Bildes an.
`default`	`<track>`	Gibt an, dass die Spur aktiviert werden soll, es sei denn, die Benutzereinstellungen weisen auf etwas anderes hin.
`defer`	`<script>`	Gibt an, dass das Skript nach dem Parsen der Seite ausgeführt werden soll.
`dir`	Globales Attribut	Definiert die Textrichtung. Erlaubte Werte sind ltr (Links-zu-Rechts) oder rtl (Rechts-zu-Links)
`dirname`	`<input>`, `<textarea>`
`disabled`	`<button>`, `<fieldset>`, `<input>`, `<optgroup>`, `<option>`, `<select>`, `<textarea>`	Gibt an, ob der Benutzer mit dem Element interagieren kann oder nicht.
`download`	`<a>`, `<area>`	Gibt an, dass der Hyperlink zum Herunterladen einer Ressource verwendet werden soll.
`draggable`	Globales Attribut	Definiert, ob das Element gezogen werden kann.
`enctype`	`<form>`	Definiert den Inhaltstyp der Formulardaten, wenn das `method` ist POST.
`enterkeyhint`	`<textarea>`, `contenteditable`	Das `enterkeyhint` spezifiziert, welche Aktionsbeschriftung (oder welches Symbol) für die EINGABETASTE auf virtuellen Tastaturen präsentiert werden soll. Das Attribut kann mit Formularelementen (wie dem Wert von `textarea`-Elementen) oder in Elementen in einem Bearbeitungshost (z. B. Verwendung des `contenteditable`-Attributs) verwendet werden.
`elementtiming`	`<img>`, `<image>` Elemente innerhalb eines `<svg>`, Vorschaubilder von `<video>` Elementen, Elemente, die ein `background-image` haben, und Elemente, die Textknoten enthalten, wie ein `<p>`	Gibt an, dass ein Element für die Nachverfolgung durch [`PerformanceObserver`](/de/docs/Web/API/PerformanceObserver) Objekte mit dem `"element"`-Typ markiert ist. Weitere Informationen finden Sie in der [`PerformanceElementTiming`](/de/docs/Web/API/PerformanceElementTiming) Schnittstelle.
`fetchpriority`	`<img>`, `<link>`, `<script>`	Signalisiert, dass das frühe Laden eines bestimmten Bildes im Ladevorgang mehr oder weniger Einfluss auf die Benutzererfahrung hat, als ein Browser vernünftigerweise ableiten kann, wenn er eine interne Priorität vergibt.
`for`	`<label>`, `<output>`	Beschreibt Elemente, die zu diesem gehören.
`form`	`<button>`, `<fieldset>`, `<input>`, `<object>`, `<output>`, `<select>`, `<textarea>`	Gibt das Formular an, das der Besitzer des Elements ist.
`formaction`	`<input>`, `<button>`	Gibt die Aktion des Elements an und überschreibt die im Formular angegebene Aktion `<form>`.
`formenctype`	`<button>`, `<input>`	Wenn die Schaltfläche/Eingabeelement ein Submit-Button ist (z.B. `type="submit"`), legt dieses Attribut die Codierungsart fest, die während der Formularübermittlung verwendet wird. Wenn dieses Attribut angegeben ist, überschreibt es das `enctype`-Attribut des Formularbesitzers der Schaltfläche.
`formmethod`	`<button>`, `<input>`	Wenn die Schaltfläche/Eingabeelement ein Submit-Button ist (z.B. `type="submit"`), legt dieses Attribut die Übertragungsmethode fest, die während der Formularübermittlung verwendet wird (`GET`, `POST`, etc.). Wenn dieses Attribut angegeben ist, überschreibt es das `method`-Attribut des Formularbesitzers der Schaltfläche.
`formnovalidate`	`<button>`, `<input>`	Wenn die Schaltfläche/Eingabeelement ein Submit-Button ist (z.B. `type="submit"`), gibt dieses boolesche Attribut an, dass das Formular nicht validiert werden soll wenn es übermittelt wird. Wenn dieses Attribut angegeben ist, überschreibt es das `novalidate`-Attribut des Formularbesitzers der Schaltfläche.
`formtarget`	`<button>`, `<input>`	Wenn die Schaltfläche/Eingabeelement ein Submit-Button ist (z.B. `type="submit"`), gibt dieses Attribut den Browsing-Kontext an (z.B. Tab, Fenster, oder eingebetteter Rahmen), in dem die Antwort angezeigt werden soll, die nach der Übermittlung des Formulars empfangen wird. Wenn dieses Attribut angegeben ist, überschreibt es das `target`-Attribut des Formularbesitzers der Schaltfläche.
`headers`	`<td>`, `<th>`	IDs der `<th>`-Elemente, die auf dieses Element zutreffen.
`height`	`<canvas>`, `<embed>`, `<iframe>`, `<img>`, `<input>`, `<object>`, `<video>`	Gibt die Höhe der hier aufgelisteten Elemente an. Für alle anderen Elemente verwenden Sie die CSS-Eigenschaft `height`. Hinweis: In einigen Fällen, wie z.B. `<div>`, ist dies ein altes Attribut, in solchen Fällen sollte die CSS-Eigenschaft `height` stattdessen verwendet werden.
`hidden`	Globales Attribut	Verhindert die Anzeige des angegebenen Elements, während die Kindelemente, z.B. Skriptelemente, aktiv bleiben.
`high`	`<meter>`	Gibt die untere Grenze des oberen Bereichs an.
`href`	`<a>`, `<area>`, `<base>`, `<link>`	Die URL einer verlinkten Ressource.
`hreflang`	`<a>`, `<link>`	Gibt die Sprache der verlinkten Ressource an.
`http-equiv`	`<meta>`	Definiert eine pragma-Direktive.
`id`	Globales Attribut	Wird häufig mit CSS verwendet, um ein spezifisches Element zu gestalten. Der Wert dieses Attributs muss eindeutig sein.
`integrity`	`<link>`, `<script>`	Dieses Attribut enthält einen oder mehrere Hashes der Ressource und wird verwendet, um sicherzustellen, dass der Inhalt der Ressource dem entspricht, was der Entwickler erwartet, und dass er nicht durch eine bösartige Kopie in einem Supply-Chain-Angriff ersetzt wurde. Siehe Subresource Integrity.
`inputmode`	`<textarea>`,