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.
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.
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.
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. |
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!