Was ist der Unterschied zwischen <div class="">
und <div id="">
, wenn es um CSS geht? Ist es in Ordnung, <div id="">
zu verwenden?
Ich sehe verschiedene Entwickler, die dies auf beide Arten tun, und da ich Autodidakt bin, habe ich es nie wirklich herausgefunden.
Eine ID muss auf der gesamten Seite eindeutig sein.
Eine Klasse kann für viele Elemente gelten.
Manchmal ist es eine gute Idee, Ids zu verwenden.
Auf einer Seite haben Sie normalerweise eine Fußzeile, eine Kopfzeile...
Dann kann die Fußzeile in einem div mit einer id sein
und trotzdem eine Klasse haben
IDs sind eindeutig. Klassen sind es nicht. Elemente können auch mehrere Klassen haben. Außerdem können Klassen dynamisch zu einem Element hinzugefügt und entfernt werden.
Überall, wo Sie eine ID verwenden können, können Sie stattdessen eine Klasse verwenden. Das Gegenteil ist nicht der Fall.
Die Konvention scheint zu sein, IDs für Seitenelemente zu verwenden, die auf jeder Seite vorkommen (wie z.B. "navbar" oder "menu") und Klassen für alles andere, aber das ist nur eine Konvention und Sie werden eine große Varianz in der Verwendung finden.
Ein weiterer Unterschied ist, dass bei Formulareingabeelementen das Element "label>ein Feld über eine ID referenziert, so dass Sie IDs verwenden müssen, wenn Sie "label>
verwenden wollen. "label>` ist eine Sache der Barrierefreiheit und Sie sollten es wirklich verwenden.
In früheren Jahren wurden IDs auch deshalb bevorzugt, weil sie in Javascript leicht zugänglich sind (getElementById). Mit dem Aufkommen von jQuery und anderen Javascript-Frameworks ist dies nun so gut wie kein Problem mehr.
Klasse ist für die Anwendung Ihres Stils auf eine Gruppe von Elementen. ID-Stile gelten nur für das Element mit dieser ID (es sollte nur eines geben). Normalerweise verwenden Sie Klassen, aber wenn es sich um einen Einzelfall handelt, können Sie IDs verwenden (oder den Stil einfach direkt in das Element einfügen).