Aký je rozdiel medzi id a triedou?
Aký je rozdiel medzi <div class=""> a <div id="">, pokiaľ ide o CSS? Je v poriadku používať <div id="">?
Vidím, že rôzni vývojári to robia oboma spôsobmi, a keďže som samouk, nikdy som na to neprišiel.
Id musí byť jedinečné na celej stránke.
Trieda sa môže vzťahovať na mnoho prvkov.
Niekedy je dobré použiť id.
Na stránke máte zvyčajne jednu pätičku, jednu hlavičku...
Potom pätička môže byť v div s id
a stále mať triedu
ID sú jedinečné. Triedy nie sú. Prvky môžu mať aj viacero tried. Taktiež je možné dynamicky pridávať a odstraňovať triedy k prvku.
Všade, kde môžete použiť ID, môžete namiesto neho použiť triedu. Opačne to neplatí.
Zdá sa, že konvenciou je používať ID pre prvky stránky, ktoré sú na každej stránke (ako "navbar" alebo "menu") a triedy pre všetko ostatné, ale je to len konvencia a nájdete veľké rozdiely v používaní.
Ďalším rozdielom je, že v prípade vstupných prvkov formulára prvok <label> odkazuje na pole pomocou ID, takže ak sa chystáte použiť <label>, musíte použiť ID.
V minulých rokoch sa ID uprednostňovali aj preto, že'sú ľahko prístupné v Javascripte (getElementById). S príchodom jQuery a ďalších Javascriptových frameworkov je to už v podstate bezproblémové.
Trieda slúži na použitie štýlu na skupinu prvkov. Štýly ID sa vzťahujú len na prvok s daným ID (mal by byť len jeden). Zvyčajne sa používajú triedy, ale ak ide o jednorazový prípad, môžete použiť ID (alebo jednoducho vložiť štýl priamo do prvku).
