Rozdíl mezi class a id

Nacházíte se zde: Novinky » Články » Rozdíl mezi class a id

Otázka:

Kdy se má použít atribut class a kdy id?

Odpověď:

Patrně nejčastější otázka pokládaná v souvislosti s CSS. Stačí si však pamatovat jednoduché pravidlo:

Jednoduché pravidlo

Vyskytuje-li se prvek na stránce více než jednou, použijte class (třídu).
Vyskytuje-li se prvek na stránce pouze jednou, použijte id (identifikátor).

Podle standardů není možné použít atribut id pro prvek, vyskytující se na stránce více než jednou. Identifikátory se zpravidla používají pro animace ve Flashi, nebo JavaScriptové kódy — tedy unikátní prvky.

Značení

Identifikátory se ve stylopisu zapisují mřížkou (#):

#vlevo {float: left; width: 150px}
<div id="vlevo"> … </div>

Třídy se zapisují tečkou (.):

.vlevo {float: left; width: 150px}
<span class="vlevo"> … </span>

Může být zároveň id a class?

Rád bych upozornil, že zápis typu: <h1 id="…" class="…"> není chybný, je to naprosto korektní řešení! Jedná se o unikátní prvek (id), na který se uplatňuje ještě nějaké obecné formátování (class).

Vloženo: 1.1.2004


Copyright © 2004 Vít Dlouhý, Všechna práva vyhrazena ®
XHTML 1.1, CSS 2.1, Dogma W4