Was ist class-Attribut?

Kurz-Fakten

• Mehrere Werte durch Leerzeichen: class="karte karte-gross hervorgehoben"
• Dieselbe Klasse darf beliebig oft im Dokument vorkommen – anders als eine id
• Klassennamen dürfen keine Leerzeichen enthalten, weil das Leerzeichen als Trenner gilt
• Eine Klasse namens "nav" erzeugt keine Navigationsbedeutung; dafür gibt es das nav-Element
• Suchmaschinen werten Klassennamen nicht als Rangfaktor aus

Einordnung für die Praxis

Der verbreitetste Irrtum ist, Klassen könnten Bedeutung tragen. Sie können es nicht: Ein <div class="button"> ist für Tastatur und Screenreader kein Bedienelement, sondern ein Container. Bedeutung steckt im Elementnamen, nicht in der Beschriftung.

Für die Benennung selbst gilt: Was ein Baustein ist, altert besser als das, wie er aussieht. hinweis überlebt einen Farbwechsel, gelber-kasten nicht.

Verwandte Begriffe

• id-Attribut Das id-Attribut vergibt eine Kennung, die im gesamten Dokument nur einmal vorkommen…
• Attribut Attribute stehen im öffnenden Tag eines Elements und verändern dessen Verhalten oder…
• style-Attribut Das style-Attribut enthält CSS-Deklarationen, die nur für das eine Element gelten, an…
• Semantisches HTML Semantisches HTML bedeutet, für jeden Inhalt das Element zu wählen, das seine Rolle…