Der Unterschied zwischen ID und Klasse in HTML

In HTML sindIdundClassbeide Elementselektoren, die verwendet werden, um Elemente basierend auf den diesen Parametern zugewiesenen Namen zu identifizieren. ID- und Klassenselektoren sind die am häufigsten verwendeten Elementselektoren in CSS (HTML). Der grundlegende Unterschied zwischen ID und Klasse besteht darin, dass der ID-Selektor nur für ein Element auf der Seite gilt, während der Klassenselektor auf mehrere Elemente auf einer einzelnen Seite angewendet werden kann.

Lesen Sie diesen Artikel, um mehr über „id“ und „class“ in HTML und den Unterschied zwischen ihnen zu erfahren.

Was ist ID in HTML?

In HTML wird der „id“-Selektor für das id-Attribut eines Elements verwendet. Bei HTML-Elementen beginnt der „id“-Name mit dem Symbol „#“, gefolgt von einem eindeutigen Namen. Ein wichtiges Merkmal des id-Elements besteht darin, dass wir einem Element nur einen id-Selektor hinzufügen können. Daher sind ID-Selektoren innerhalb einer HTML-Seite immer eindeutig.

Beispiel für die ID-Auswahl

Id demo

Get element by Id

Demo for Id selector

Nach dem Login kopieren

Was ist CLASS in HTML?

In HTML wird der „Klasse“-Selektor verwendet, um Elemente mit einem bestimmten Klassenattribut auszuwählen. Klassenselektoren beginnen mit einem Punkt (.), gefolgt vom Klassennamen. Im Gegensatz zum ID-Selektor können wir einem HTML-Element mehrere Selektoren hinzufügen. Daher kann diese Klasse innerhalb einer Seite mehrfach angewendet werden. Bei Klassenselektoren ist zu beachten, dass Klassennamen nicht mit einer Zahl beginnen dürfen.

Beispiel für die Klassenauswahl

    Class demo   
  Get element by class
 Demo for class selector

Nach dem Login kopieren

Der Unterschied zwischen ID und KLASSE in HTML

Im Folgenden sind die wichtigen Unterschiede zwischen Id und Class − aufgeführt

Schlüssel	Id	Kategorie
Grammatik	In HTML beginnt der ID-Name eines Elements mit dem „#“-Symbol, gefolgt von dem ihm zugewiesenen eindeutigen Namen.	Der Name der dem Element zugewiesenen „Klasse“ beginnt mit „.“ Es folgt der Klassenname.
Selektor	Einem Element kann nur ein ID-Selektor zugeordnet werden.	An ein Element können mehrere Klassenselektoren angehängt werden.
Einzigartigkeit	ID ist innerhalb der Seite eindeutig und kann nur auf höchstens ein Element angewendet werden	Diese Klasse kann auf mehrere Elemente und daher mehrmals auf einer einzelnen Seite angewendet werden.

Fazit

Der wichtigste Unterschied, den Sie hier beachten sollten, besteht darin, dass ein Element nur einen ID-Selektor haben kann, während ein Element mehrere Klassenselektoren haben kann. Allerdings werden sowohl ID- als auch Klassenselektoren verwendet, um Elemente anhand des dem Elementparameter zugewiesenen Namens zu identifizieren.

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen ID und Klasse in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!