Třída versus identifikátor

Obě konstrukce se používají podobně – v HTML kódu uvedete, ke kterému prvku (či několika prvkům) se vztahují a v CSS řídíte jejich prezentaci. V čem je tedy rozdíl? Kdy použít který?

Identifikátor

Klíčové je, že identifikátor musí být na stránce jednoznačný. Měl by tedy sloužit k označení konstrukcí, které jsou v rámci stránky jedinečné. Například můžete identifikátorem označit prvek obsahující hlavní menu, nebo základní textovou oblast, nebo logo společnosti. Tyto prvky se na každé stránce vyskytují právě jednou a proto je identifikátor ideálním způsobem pro jejich odlišení.

Identifikátory se typicky používají právě pro konstrukční prvky stránky, jako je hlavní menu a spol.

V CSS komunitě existuje poměrně silný názorový proud, který říká, že s identifikátory jsou jen potíže (protože jsou při porovnávání příliš silné) a je lepší je vůbec nepoužívat.

Třída

Třída definuje určitou kategorii, která je opakovatelná. Můžete si například zavést třídu pro varování, názvy souborů, či odkazy vedoucí na jiné servery, kterých může být na každé stránce habaděj.

Chcete-li tedy vyznačit určitou logickou kategorii textu, jež se na stránce může vyskytovat vícekrát, sáhněte po třídě.