class

Das class globale Attribut ist eine Liste der Klassen des Elements, getrennt durch ASCII-Leerzeichen.

Probieren Sie es aus

Beschreibung

Klassen ermöglichen es CSS und JavaScript, bestimmte Elemente über die Klassenselektoren oder Funktionen wie document.getElementsByClassName() auszuwählen und zuzugreifen.

Obwohl die Spezifikation keine Anforderungen an die Namen von Klassen stellt, wird Webentwicklern empfohlen, Namen zu verwenden, die den semantischen Zweck des Elements beschreiben, anstatt die Präsentation des Elements. Zum Beispiel attribute, um ein Attribut zu beschreiben, anstatt italics, obwohl ein Element dieser Klasse möglicherweise kursiv dargestellt wird. Semantische Namen bleiben logisch, auch wenn sich die Präsentation der Seite ändert.

Syntax

Das class-Attribut ist eine Liste von Klassenwerten, getrennt durch ASCII-Leerzeichen.

Jeder Klassenwert kann beliebige Unicode-Zeichen enthalten (außer natürlich ASCII-Leerzeichen). Allerdings müssen beim Einsatz in CSS-Selektoren, sei es über JavaScript mit APIs wie Document.querySelector() oder in CSS-Stylesheets, die Klassenattributwerte gültige CSS-Identifikatoren sein. Das bedeutet, dass, wenn ein Klassenattributwert kein gültiger CSS-Identifikator ist (z. B. my?class oder 1234), er vor der Verwendung in einem Selektor maskiert werden muss, entweder mit der Methode CSS.escape() oder manuell.

Aus diesem Grund wird empfohlen, dass Entwickler Werte für Klassenattribute wählen, die gültige CSS-Identifikatoren sind und keine Maskierung erfordern.

Spezifikationen

Specification
HTML
# global-attributes:classes-2

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
class

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch