Zudem werden Classes und IDs in JavaScript verwendet, jedoch habe ich das noch nicht gelernt und kann somit Ihnen nicht genau erklären, wozu Classes und IDs in JavaScript gebraucht werden.
Classes haben sehr viele Gemeinsamkeiten zu IDs und unterscheiden sich hauptsächlich in der Weise, wie man sie in CSS referenziert (das erkläre ich Ihnen genauer auf dieser Seite) und wie viele Elemente damit angesprochen werden können.
Elemente können auch beliebig viele Classes und IDs beinhalten. Elemente können sogar gleichzeitig Classes und IDs haben.
<div class="Beispielclass" id"Beispiel-ID">Text</div>
IDs
IDs sind einzigartig. Das heisst nicht, dass sie super toll sind, sondern dass sie nur auf ein Element pro Seite angewendet werden können. Deshalb sind auch die Anwendungsfälle begrenzt auf Sachen, die eine Webpage/Webseite inhaltlich von anderen abgrenzt (zum Beispiel ein <h1> </h1> Header als Titel von der Seite).
IDs werden auch oft für "jumping" Links verwendet. Jumping Links sind relative Links, das heisst, sie verlinken eine Textstelle auf derselben Seite, damit man sie findet und nicht scrollen und sie suchen soll.
IDs in HTML müssen nicht unbedingt Zahlen sein (wie man es zum Beispiel von SQL kennt), sondern sie sind üblicherweise Strings, die den Nutzen der ID beschreiben.
Classes
Classes können von unbegrenzt vielen Elementen verwendet werden. Classes machen vor allem das Styling mit Stylesheets (CSS) einfacher. Man kann mehrere Elemente, sie müssen nicht einmal denselben Tag haben, gleich stylen. Das gibt dem Entwickler bzw. dem Designer mehr Freiheit und Möglichkeiten, um die Website zu stylen, was darin resultiert, dass der Benutzer eine bessere Erfahrung hat.
Ein Beispiel wäre, dass man sehr oft <div> oder <span> als Container verwendet. Damit nicht alles <div>>s und <span>s gleich aussehen, gibt man ihnen meistens eine Class (es würden auch IDs gehen, wäre aber aufwendiger), damit man diese <div> und <span> Elemente in "Gruppen" aufteilen kann, die alle gleich gestyled sind.
