Was ist der Unterschied zwischen Klasse und ID in HTML5?

Unterschiede: 1. Unterschiedliche Bereiche, die Klasse hat einen größeren Bereich, während die ID einen kleineren Bereich hat. 2. Unterschiedliche Prioritätsstufen, der ID-Selektor hat eine höhere Priorität, während der Klassenselektor eine niedrigere Priorität hat in CSS ist es anders. Die Klasse wird durch „.“ ausgewählt und die ID wird durch „#“ ausgewählt.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

Was ist der Unterschied zwischen Klasse und ID in HTML5?

id

ist eine eindeutige Kennung, die unserer ID-Nummer ähnelt. Wir können das Etikettenobjekt schnell abrufen und bearbeiten.

Wenn wir die ID verwenden, um den Etikettenstil zu ändern, verwenden wir #id, um ihn darzustellen.

Klasse

zeigt auf eine Klasse. Das heißt, wenn es vier Etiketten mit demselben Stil gibt, verwenden wir ihn für Der Einfachheit halber fügen wir die Stile dieser vier Tags in eine Klasse ein. Bei Bedarf lassen wir die Tags direkt von dieser Klasse erben, um die Codemenge zu reduzieren. Wenn wir die vier Tags dennoch genau steuern müssen, können wir id mit der Klasse verwenden um gleichzeitig ein Etikett zu steuern!

Wenn wir Class verwenden, um den Beschriftungsstil zu ändern, verwenden wir .Class, um ihn darzustellen.

Der Unterschied ist wie folgt:

• Der Aktionsbereich ist unterschiedlich: Der Umfang der Klasse ist größer als die ID und die ID stellt eine eindeutige Kennung dar, wie z. B. unsere Personalausweise sind einzigartig und können nur einmal auf einer Seite aufgerufen werden. Im Allgemeinen verfügt eine Webseite nicht über zwei oder mehr IDs. Der Umfang der Klasse ist breiter. Klasse ist eine Klassenbezeichnung und kann in einer Schnittstelle mehrmals aufgerufen werden. Kann wiederverwendet werden.

• Die Prioritäten sind unterschiedlich: Die Priorität des ID-Selektors ist höher als die Priorität des Klassenselektors. Für wichtigere können Sie den ID-Selektor verwenden.

• Die verwendete Syntax ist unterschiedlich: Die Art und Weise, wie der ID-Selektor in CSS verwendet wird, z. B. die Verwendung von div als Beispiel: (Zum Beispiel gibt es zwei div-Boxen: div id='i'... und div class ='c'... bzw. Die in CSS zitierte Methode lautet wie folgt:)

.c{
属性：属性值；
} 
#i{
属性：属性值；
}

Empfohlenes Tutorial: „HTML-Video-Tutorial“

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