HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
View in English Always switch to English
Elemente in HTML haben Attribute; dies sind zusätzliche Werte, die die Elemente konfigurieren oder ihr Verhalten auf verschiedene Arten anpassen, um die von den Benutzern gewünschten Kriterien zu erfüllen.
Hinweis: Obwohl Browser und E-Mail-Clients dieses Attribut möglicherweise weiterhin unterstützen, ist es veraltet. Verwenden Sie stattdessen CSS background-image.
Hintergrundfarbe des Elements.
Hinweis: Dies ist ein Legacy-Attribut. Verwenden Sie stattdessen die CSS-Eigenschaft background-color.
Hinweis: Dies ist ein Legacy-Attribut. Verwenden Sie stattdessen die CSS-Eigenschaft border.
Dieses Attribut legt die Textfarbe entweder mit einem benannten Farbwert oder einer Farbe im hexadezimalen Format #RRGGBB fest.
Hinweis: Dies ist ein Legacy-Attribut. Verwenden Sie stattdessen die CSS-Eigenschaft color.
Gibt die Höhe der hier aufgeführten Elemente an. Verwenden Sie für alle anderen Elemente die CSS-Eigenschaft height.
Hinweis: In einigen Fällen, etwa bei <div>, handelt es sich um ein Legacy-Attribut. In diesem Fall sollte stattdessen die CSS-Eigenschaft height verwendet werden.
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 nicht bei einem Lieferkettenangriff durch eine bösartige Kopie ersetzt wurde.
Siehe Subresource Integrity.
Für die hier aufgeführten Elemente legt dies die Breite des Elements fest.
Hinweis: In allen anderen Fällen, etwa bei <div>, handelt es sich um ein Legacy-Attribut. In diesem Fall sollte stattdessen die CSS-Eigenschaft width verwendet werden.
In HTML haben die meisten Attribute zwei Seiten: das Inhaltsattribut und das IDL-Attribut (Interface Definition Language).
Das Inhaltsattribut ist das Attribut, wie Sie es im Inhalt (dem HTML-Code) festlegen, und Sie können es über element.setAttribute() festlegen oder über element.
getAttribute() abrufen. Das Inhaltsattribut ist immer ein String, selbst wenn der erwartete Wert eine ganze Zahl sein sollte. Um beispielsweise das maxlength eines <input>-Elements mithilfe des Inhaltsattributs auf 42 festzulegen, müssen Sie für dieses Element setAttribute("maxlength", "42") aufrufen.
Das IDL-Attribut wird auch als JavaScript-Eigenschaft bezeichnet. Dies sind die Attribute, die Sie mithilfe von JavaScript-Eigenschaften wie element.foo lesen oder festlegen können. Das IDL-Attribut verwendet immer das zugrunde liegende Inhaltsattribut (kann es aber transformieren), um beim Abrufen einen Wert zurückzugeben, und speichert beim Festlegen etwas im Inhaltsattribut. Anders ausgedrückt: IDL-Attribute spiegeln im Wesentlichen die Inhaltsattribute wider.
Meistens geben IDL-Attribute ihre Werte so zurück, wie sie tatsächlich verwendet werden. Beispielsweise ist der Standardwert für type bei <input>-Elementen „text“. Wenn Sie also input.type="foobar" festlegen, hat das <input>-Element den Typ text (in Aussehen und Verhalten), aber der Wert des Inhaltsattributs „type“ lautet „foobar“. Das IDL-Attribut type gibt jedoch den String „text“ zurück.
IDL-Attribute sind nicht immer Strings; beispielsweise ist input.maxlength eine Zahl (ein vorzeichenbehaftetes long). Bei der Verwendung von IDL-Attributen lesen oder setzen Sie Werte des gewünschten Typs. Daher gibt input.maxlength immer eine Zahl zurück, und wenn Sie input.maxlength festlegen, erwartet es eine Zahl. Wenn Sie einen anderen Typ übergeben, wird dieser gemäß den Standardregeln von JavaScript für die Typkonvertierung automatisch in eine Zahl konvertiert.
IDL-Attribute können andere Typen widerspiegeln, etwa unsigned long, URLs, boolesche Werte usw. Leider gibt es keine klaren Regeln, und das Verhalten von IDL-Attributen in Verbindung mit ihren entsprechenden Inhaltsattributen hängt vom jeweiligen Attribut ab. Meistens folgen sie den in der Spezifikation festgelegten Regeln, manchmal jedoch nicht. HTML-Spezifikationen versuchen, dies so entwicklerfreundlich wie möglich zu gestalten, aber aus verschiedenen Gründen (meist historischen) verhalten sich einige Attribute ungewöhnlich (zum Beispiel select.size), und Sie sollten die Spezifikationen lesen, um genau zu verstehen, wie sie sich verhalten.
Einige Inhaltsattribute (z. B. required, readonly, disabled) werden als boolesche Attribute bezeichnet. Wenn ein boolesches Attribut vorhanden ist, lautet sein Wert true, und wenn es fehlt, lautet sein Wert false.
HTML definiert Einschränkungen für die zulässigen Werte boolescher Attribute: Wenn das Attribut vorhanden ist, muss sein Wert entweder der leere String sein (gleichwertig damit, dass dem Attribut kein Wert zugewiesen ist) oder ein Wert, der ohne Berücksichtigung der Groß- und Kleinschreibung in ASCII mit dem kanonischen Namen des Attributs übereinstimmt und keinen vorangestellten oder nachgestellten Whitespace enthält. Die folgenden Beispiele sind gültige Möglichkeiten, ein boolesches Attribut auszuzeichnen:
Zur Klarstellung: Die Werte "true" und "false" sind für boolesche Attribute nicht zulässig. Um einen falschen Wert darzustellen, muss das Attribut vollständig weggelassen werden. Diese Einschränkung räumt einige häufige Missverständnisse aus: Bei checked="false" würde beispielsweise das Attribut checked des Elements als true interpretiert, weil das Attribut vorhanden ist.
Warnung: Von der Verwendung von Inhaltsattributen für Event-Handler wird abgeraten. Die Vermischung von HTML und JavaScript führt häufig zu nicht wartbarem Code, und die Ausführung von Event-Handler-Attributen kann außerdem durch Content-Security-Policies blockiert werden.
Warnung: Obwohl dies beim Aufruf der Methode Function.prototype.toString() für den Handler nicht sicht