HTML: ID und CLASS - Was ist der Unterschied?
Frage von Gast | 29.01.2018 um 13:19
Elemente innerhalb eines HTML-Dokuments können sowohl mit einer ID als auch mit einer Klasse (CLASS) versehen sein. Also zum Beispiel <h1 id="idname"> oder <h1 class="classname">.
Nun frage ich mich, was eigentlich der Unterschied zwischen ID und CLASS sein soll. Soweit ich weiß ist der Sinn der Sache, eine Referenz im CSS zu bekommen. Hier kann man mit #idname oder .classname bestimmte Eigenschaften zuweisen. Jedoch macht es für mich keinen Unterschied, ob ich #idname{width:100%} oder #classname{width:100%} schreibe. Auch der Browser akzeptiert beide Schreibweisen.
Wieso braucht man dann überhaupt IDs und CLASSes? Würde nicht eine Kennzeichnung als Name ausreichen?
Ähnliche Themen
CSS-Stylesheets in HTML einbinden
Tutorial | 0 Kommentare
HTML: Unterschied zwischen ID und CLASS
Info | 0 Kommentare
PHP: Eine E-Mail versenden
Tutorial | 0 Kommentare
jQuery: Durch Klick auf Links DIV-Inhalt laden und ersetzen
Tutorial | 6 Kommentare
HTML: Kein Zeilenumbruch zwischen bestimmten Worten
Tipp | 0 Kommentare
PHP: Alle HTML-Tags aus String entfernen
Tutorial | 0 Kommentare
Bild vor dem Upload im Browser verkleinern
Tutorial | 5 Kommentare
Wichtiger Hinweis
Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.
Jetzt mitmachen
Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.
Es gibt einen klaren Unterschied zwischen ID und CLASS: Eine ID ist eindeutig, eine CLASS dagegen nicht.
Das bedeutet, dass jedes HTML-Element nur eine einzige eindeutige ID haben darf und auch innerhalb von einem HTML-Dokument nur ein einziges Element mit der gleichen ID auftreten darf. Bei einer CLASS ist das dagegen anders: Jedes Element darf beliebig viele Klassen haben und eine Klasse darf auch mehrfach für verschiedene Elemente innerhalb von einem Dokument verwendet werden.
Dass Browser auch mehrere IDs innerhalb eines Dokuments akzeptieren und dabei auch das CSS richtig anwenden, liegt daran, dass Browser sehr tolerant gegenüber Fehlern im HTML-Quelltext sind. Da ein großer Anteil der HTML-Seiten im Internet nicht aus validem HTML bestehen, bleibt den Browser-Hersteller nichts anderes übrig, als sich darauf einzustellen.
30.01.2018 um 12:36