Klassen und IDs

HTML verfügt über eine begrenzte Anzahl von Tags, aber manchmal müssen Sie zwischen bestimmten Elementen unterscheiden. Zum Beispiel, wenn Sie verschiedenen Absätzen (<p>-Elemente) unterschiedliche Stile zuweisen möchten, können Sie die Attribute class und id verwenden.

Das Attribut class weist einem bestimmten HTML-Element eine Klasse zu. Mehrere Elemente können dieselbe Klasse teilen. Dadurch können Sie denselben Stil auf mehrere Elemente anwenden.

In diesem Beispiel teilen sich zwei Absätze die gleiche highlight-Klasse, wodurch Sie denselben Stil auf beide anwenden können.

Das Attribut id weist einem bestimmten HTML-Element einen eindeutigen Bezeichner zu. Im Gegensatz zum Attribut class kann jedes Element nur eine eindeutige id besitzen. Dies ist nützlich, um Stile anzuwenden oder ein bestimmtes Element mithilfe von JavaScript zu manipulieren.

Es ist wichtig, daran zu denken, dass die id auf der Seite eindeutig sein muss. Sie können nicht denselben id-Wert für mehrere Elemente verwenden.