Klasse ist die Klasse, die die Bezeichnung festlegt.
id ist die Kennung des eingestellten Labels.
Mit dem Klassenattribut wird angegeben, zu welcher Stilklasse das Element gehört.
Beispielsweise kann ein Stylesheet hinzugefügt werden:
.baobao { Farbe: Limette Hintergrund: #ff80c0 }
Verwendung: class="baobao"
Das id-Attribut wird verwendet, um einen eindeutigen Stil für ein Element zu definieren. Zum Beispiel eine CSS-Regel:
#binbin { Schriftgröße: größer }
Verwendung: id="binbin"
ID ist eine Bezeichnung zur Unterscheidung verschiedener Strukturen und Inhalte, genau wie Ihr Name. Wenn sich zwei Personen mit demselben Namen in einem Raum befinden, kommt es zu Verwechslungen.
Klasse ist ein Stil, der auf jede Struktur und jeden Inhalt angewendet werden kann, genau wie ein Kleidungsstück;
Konzeptionell sind sie unterschiedlich: id findet zuerst die Struktur/den Inhalt und definiert dann einen Stil dafür; die Klasse definiert zuerst einen Stil und wendet ihn dann auf mehrere Strukturen/Inhalte an.
Eine Klasse wird verwendet, um ein oder mehrere Elemente basierend auf benutzerdefinierten Kriterien zu definieren. Eine passendere Analogie ist ein Skript: Eine Klasse kann die Handlung jedes Charakters im Skript definieren. Sie können diese Klasse über CSS, Javascript usw. verwenden. Sie können also class="Frodo", class="Gandalf", class="Aragorn" auf einer Seite verwenden, um verschiedene Handlungsstränge zu unterscheiden. Ein weiterer sehr wichtiger Punkt ist, dass Sie Class in einem Dokument beliebig oft verwenden können.
Was die ID betrifft, so wird sie normalerweise verwendet, um eine Markierung zu definieren, die nur einmal auf der Seite erscheint. Bei der Durchführung eines strukturierten Layouts für das Seitenlayout (z. B. besteht eine Seite normalerweise aus einer Kopfzeile, einem Masthead <Masthead>, einem Inhaltsbereich und einer Fußzeile usw.) ist es im Allgemeinen ideal, eine ID zu verwenden, da eine ID vorhanden ist a Kann nur einmal im Dokument verwendet werden. Diese Elemente erscheinen selten mehr als einmal auf derselben Seite.
Um es in einem Satz zusammenzufassen: Die Klasse kann wiederholt verwendet werden, die ID jedoch nur einmal auf einer Seite. Es ist möglich, dass die wiederholte Verwendung derselben ID in den meisten Browsern keine Probleme verursacht, aber laut Standard handelt es sich definitiv um eine falsche Verwendung und kann in einigen Browsern zu echten Problemen führen.
In praktischen Anwendungen ist Class möglicherweise nützlicher für das Textlayout usw., während ID eher für das Makrolayout und die Designplatzierung verschiedener Elemente nützlich ist.