Heim > Web-Frontend > CSS-Tutorial > Der Unterschied zwischen Klasse und ID im div+css_Experience-Austausch

Der Unterschied zwischen Klasse und ID im div+css_Experience-Austausch

WBOY
Freigeben: 2016-05-16 12:07:55
Original
1730 Leute haben es durchsucht

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, und Sie können diese Klasse über CSS, Javascript usw. verwenden. Daher können Sie 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.
 
Die ID wird normalerweise verwendet, um ein Tag zu definieren, das nur einmal auf der Seite erscheint. Wenn Sie ein strukturiertes Layout für das Seitenlayout erstellen (z. B. besteht eine Seite normalerweise aus einer Kopfzeile, einer Kopfzeile , 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.
 
Es lässt sich in einem Satz zusammenfassen: 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 vielen Browsern keine Probleme verursacht. Laut Standard handelt es sich jedoch definitiv um eine falsche Verwendung, die in einigen Browsern zu echten Problemen führen kann. (Ich habe es gerade in Dreamweaver ausprobiert und es ist tatsächlich kein Fehler aufgetreten.)
 
In der tatsächlichen Anwendung ist die Klasse möglicherweise nützlicher für das Textlayout usw., während ID für das Makrolayout und die Designplatzierung nützlicher ist verschiedene Elemente es funktioniert.

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage