Atrybut id służy do nadania elementowi HTML unikalnego identyfikatora w obrębie całego dokumentu. Oznacza to, że ta sama wartość id nie może zostać użyta więcej niż raz na jednej stronie.
Przykład poprawny
<div id="naglowek"></div>
<div id="stopka"></div>
Każdy element ma inną wartość atrybutu id, więc dokument jest poprawny.
Przykład błędny
<div id="identyfikator"></div>
<div id="identyfikator"></div>
Powtórzenie tej samej wartości id powoduje błąd walidacji HTML. Przeglądarka często mimo to wyświetli stronę, ale dokument nie będzie zgodny ze standardem.
Do czego używa się id?
Atrybut id jest wykorzystywany m.in. do:
- wskazywania konkretnego elementu w CSS,
- pobierania elementu w JavaScript,
- tworzenia odnośników do fragmentów strony.
Przykład CSS:
#identyfikator {
color: red;
}
Przykład JavaScript:
document.getElementById('identyfikator');
id a class
id identyfikuje jeden konkretny element, natomiast class może być przypisana do wielu elementów. Dlatego zapis class="klasa" może występować wielokrotnie, a zapis z takim samym id tylko raz.