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.

TylerH
Edited question 21 september 2018 в 1:43
Programovanie
class html css id
12 február 2009 в 11:30
45 zobrazenia

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

Luc M
Edited answer 12 február 2009 в 11:37
Komentáre (0)

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 odkazuje na pole pomocou ID, takže ak sa chystáte použiť, musíte použiť ID. je vecou prístupnosti a naozaj by ste ho mali používať.

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é.

Komentáre (0)

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).

Adam A
Edited answer 12 marec 2014 в 6:40
Komentáre (0)