HTML-Tags-004

IDs und Klassen in HTML

IDs

Eine ID ist ein einzigartige Kennung für ein HTML-Element. Diese ID darf nur einmal im HTML-Dokument vorkommen. Die ID wird als Attribut in einem HTML-Element festgelegt. Bevor der öffnende Tag eines HTML-Elements geschlossen wird, wird die id festgelegt. Dazu wird der id ein Name in Anführungszeichen mit einem Gleichheitszeichen zugewiesen.

<div id="beispielDIV">Hier steht Inhalt</div>

Klassen

Klassen sind eine Kennung für HTML-Elemente. Diese dürfen beliebig oft im HTML-Dokument vorkommen.

Wie bei den IDs wird die Klasse als Attribut in einem HTML-Element festgelegt. Bevor der öffnende Tag eines HTML-Elements geschlossen wird, wird die Klasse festgelegt. Dazu wird der Klasse ein Name in Anführungszeichen mit einem Gleichheitszeichen zugewiesen.

<div class="beispielDIV">Hier steht Inhalt</div>

Mehrere IDs und Klassen in einem HTML-Element

Ein HTML-Element kann beliebig viele Klassen und IDs annehmen. Die Klassen und IDs werden jeweils mit einem Leerzeichen getrennt hintereinander in die Anführungszeichen angegeben. Ebenso kann ein HTML-Element sowohl IDs als auch Klassen gleichzeitig annehmen. Nach dem geschlossenen Anführungszeichen kann einfach ein anderes Attribut gesetzt werden.

<p id="id1 id2 id3 id4" class="klasse1 klasse2 klasse3 klasse4">Dies ist ein Text</p>

WICHTIG: Die Namen der IDs und Klassen müssen mit einem Buchstaben beginnen. Dann dürfen aber auch Zahlen und (bestimmte) Sonderzeichen verwendet werden.