Klassen - How to Internet

howtointer.net
BEGINNER ADVANCED EXPERT DEVELOPER

Klassen

Mit Klassen machen divs eigentlich erst Sinn. Besonders wenn wir gleich zu CSS kommen, wirst du sehen, wie nützlich sie sind.

Was sind Klassen?

Klassen lassen uns ein definieren und ihn einen Namen geben. Mit CSS können wir dann später auf diese Klasse zugreifen und das Div, sowie alle enthaltenen Elemente bearbeiten.

<div class="text">

Den Namen einer Klasse können wir uns selbst ausdenken. Es empfiehlt sich jedoch Klassennamen zu verwenden, welche zum jeweiligen Abschnitt passen uns nicht mit den Standartattributen übereinstimmen. Es kommt zwar zu keinen Fehlern, dies ist jedoch einfach verwirrend für den Programmierer.

IDs

Analog zu den Klassen gibt es auch die Möglichkeit divs mithilfe von IDs zu markieren.

<div id="textbox">

Was ist der Unterschied zwischen einer Klasse und einer ID?

Eine Klasse kannst du mehrmals im HTML einbinden. Eine ID jedoch nur einmal. Du kannst also zum Beispiel zweimal eine Textbox mit <div class="text"> einbinden. Mit id="text" würde das nicht funktionieren.

Beispiel:

Um das ganze zu verdeutlichen, wenden wir das jetzt mit einen Beispiel an. Wir haben einen Code mit einen Textabschnitt und einen Bildabschnitt, welchen wir jetzt benennen.

See the Pen Beispiel Klassen by Marcel Deuter (@howtointernet) on CodePen.