HTML-Attribute (engl.: HTML Attributes) sind spezielle Wörter, die innerhalb des öffnenden Tags eines HTML-Elements verwendet werden, um zusätzliche Informationen bereitzustellen oder das Verhalten des Elements zu steuern. Sie bestehen aus einem Namen und einem Wert, der durch ein Gleichheitszeichen getrennt ist. Hier sind die wichtigsten Aspekte von HTML-Attributen.
Grundstruktur eines HTML-Attributs
Ein HTML-Attribut wird in der folgenden Form angegeben:
<tag attribute_name="attribute_value">Inhalt</tag>Beispiel
<a href="https://www.example.com">Besuche Example.com</a>In diesem Beispiel ist href das Attribut, das den Link zur angegebenen URL definiert.
Arten von HTML-Attributen
1. Globale Attribute
Diese Attribute können auf fast allen HTML-Elementen verwendet werden. Dazu gehören:
id: Ein eindeutiger Bezeichner für ein Element.class: Definiert eine oder mehrere Klassennamen für ein Element, um CSS-Stile anzuwenden.style: Ermöglicht das Hinzufügen von Inline-CSS-Stilen.
2. Spezifische Attribute
Diese Attribute sind spezifisch für bestimmte HTML-Tags:
href: Wird im<a>-Tag verwendet, um die Ziel-URL eines Links anzugeben.src: Wird im<img>-Tag verwendet, um den Pfad zu einem Bild anzugeben.alt: Gibt einen alternativen Text für Bilder an, falls diese nicht geladen werden können.
3. Ereignisattribut
Diese Attribute ermöglichen es, Skripte auszuführen, wenn bestimmte Ereignisse eintreten:
onclick: Führt ein Skript aus, wenn auf ein Element geklickt wird.
Wichtige HTML-Attribute im Detail
Das href Attribut
Verwendet im <a> Tag, um die URL des Links zu definieren.
Das alt Attribut
Erforderlich im <img> Tag; beschreibt das Bild für Screenreader und wird angezeigt, wenn das Bild nicht geladen werden kann.
Das style Attribut
Ermöglicht das Hinzufügen von CSS-Stilen direkt im HTML-Code.
Das lang Attribut
Definiert die Sprache des Inhalts und sollte im <html> Tag angegeben werden, um die Zugänglichkeit zu verbessern.
Das title Attribut
Bietet zusätzliche Informationen über ein Element und wird als Tooltip angezeigt, wenn der Benutzer mit der Maus darüber fährt.
Fazit
HTML-Attribute sind entscheidend für die Anpassung und Funktionalität von HTML-Dokumenten. Sie ermöglichen es Entwicklern, das Verhalten und die Darstellung von Elementen zu steuern und bieten zusätzliche Informationen für Benutzer und Suchmaschinen.
Häufig gestellte Fragen
Was sind HTML-Attribute?
HTML-Attribute sind zusätzliche Eigenschaften, die zu HTML-Elementen hinzugefügt werden können, um deren Verhalten oder Aussehen zu modifizieren.
Wie werden Attribute in HTML angegeben?
Attribute werden im öffnenden Tag eines HTML-Elements spezifiziert und bestehen aus einem Namen-Wert-Paar.
Kann ein Element mehrere Attribute haben?
Ja, ein Element kann mehrere Attribute haben; sie werden durch Leerzeichen getrennt.
Sind Attribute in HTML case-sensitive?
Nein, Attribute sind in der Regel nicht case-sensitive, aber es wird empfohlen, Kleinbuchstaben zu verwenden.
Was ist der Zweck des alt Attributs?
Das alt Attribut beschreibt ein Bild und wird angezeigt, wenn das Bild nicht geladen werden kann oder für Screenreader-Nutzer.