IDs sollen eindeutig sein, während Klassen für einen "Typ" von Element besser sind.
Sie könnten also etwas wie:
haben %Vor%Weil Sie wahrscheinlich nur ein Hauptmenü auf Ihrer Seite haben werden.
Für Klassen haben Sie jedoch möglicherweise etwas wie:
%Vor% Oder vielleicht, um das div zu stylen, das eine Antwort auf dieser Site enthält:
Da es pro Seite mehrere davon gibt, handelt es sich um eine Klasse von Elementen. Stellen Sie sich eine ID als Sozialversicherungsnummer eines Elements vor. Immer wenn ein Element wichtig genug ist und einzigartig ist, geben Sie ihm eine ID. Dies hilft auch bei dynamischen Websites, da das Auswählen von Elementen per ID bei weitem der schnellste Weg ist. Wenn Sie mehrere Elemente mit derselben ID haben (was diese Praxis verletzt), funktioniert Javascript nicht wie vorgesehen.
Eine ID identifiziert genau ein DOM -Element. Eine Klasse identifiziert eine Gruppe verwandter DOM-Elemente.
Sie könnten beispielsweise ein einzelnes, eindeutiges Navigationsmenü haben, das durch eine ID identifiziert wird:
%Vor%und darin enthalten eine Anzahl von Menüsätzen, von denen jeder auch eindeutig identifiziert ist und zu einer gemeinsamen Klasse gehört:
%Vor%Von den w3schools :
Das id -Attribut gibt eine eindeutige ID an für ein HTML-Element.
Die ID muss innerhalb des HTML-Codes eindeutig sein Dokument.
Das Attribut id kann von a verwendet werden JavaScript (über das HTML DOM) oder von CSS, um Änderungen vorzunehmen oder den Stil anzupassen Element mit der angegebenen ID.
und
Das Attribut class gibt a an Klassenname für ein Element.
Das Klassenattribut wird meistens verwendet Zeigen Sie auf eine Klasse in einem Stylesheet. Es kann jedoch auch von einem verwendet werden JavaScript (über das HTML-DOM) zu machen Änderungen an HTML-Elementen mit a angegebene Klasse.
Das Klassenattribut kann nicht in verwendet werden die folgenden HTML-Elemente: Basis, Kopf, HTML, Meta, Param, Skript, Stil und Titel.
Es ist möglich, mehrere zu vergeben Klassen zu einem HTML-Element, z.B. . Auf diese Weise können Sie mehrere CSS kombinieren Klassen für ein HTML-Element.
Eine ID bezieht sich auf ein bestimmtes Element (jede ID sollte nie mehr als einmal verwendet werden); Eine Klasse bezieht sich auf mehrere Elemente.