Der Unterschied zwischen ID und Klasse in HTML

WBOY
Freigeben: 2023-08-31 11:53:06
nach vorne
1718 Leute haben es durchsucht

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!

Verwandte Etiketten:
Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!