Zum Inhalt springen

class-Attribut (HTML)

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Das class-Attribut gibt einem Element eine oder mehrere Klassen.

class-Attribut (HTML)

Attribut, über das einem Element eine oder mehrere Klassen zugewiesen werden.
Beispiel: „Im class-Attribut stehen mehrere Klassen durch Leerzeichen getrennt.“

Mehrere Klassen

<article class="karte karte--gross js-aufklappbar">

Die Reihenfolge im Attribut spielt für die Gestaltung keine Rolle. Welche Regel gewinnt, entscheidet die Kaskade, nicht die Position im Markup. Das überrascht regelmäßig.

Klassen für JavaScript

Viele Teams kennzeichnen Klassen, an denen Code hängt, mit einem Präfix wie js-. Der Vorteil zeigt sich beim Umgestalten: Eine Klasse ohne dieses Präfix lässt sich gefahrlos umbenennen.

Siehe auch:

Klasse (Class) (CSS)

Ein frei vergebener Name, über den sich Elemente ansprechen lassen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Attribut (HTML)

Eine Angabe im öffnenden Tag, die eine Eigenschaft des Elements festlegt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

id-Attribut (HTML)

Gibt einem Element seinen eindeutigen Bezeichner.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

data-Attribute

Eigene Angaben am Element, ohne Kollision mit dem Standard.

#Frontend-Entwicklung (HTML, CSS, JavaScript)