W języku HTML id
jest wykorzystywane do nadania unikatowego identyfikatora dla elementu.
Identyfikator musi być unikatowy dla dokumentu, na innej podstronie może zostać ponownie wykorzystany.
Jak używać atrybut id
Identyfikator wyróżnia element na stronie HTML. Wartość tego elementu musi być unikatowa w dokumencie.
Atrybut id
może być wykorzystany do nadania nowego wyglądu, dla pojedyńczego elementu.
Umożliwia ona rónież odniesienie się do tego elementu w skryptach JS.
id
musi składać się z conajmniej jednego znaku, i nie może zawierać białych znaków (spacji, tabulatora, itp.).
W poniższym przykładzie nadamy identyfikator unikatowyElement
do paragrafu. W arkuszu stylów odniesiemy się
do identyfikatora, poprzedzonego krzyrzykiem #unikatowyElement
.
.
).
Natomiast odniesienie do identyfikatora, musi być poprzedzone krzyrzykiem (#
).
Różnica między class
i id
Identyfikator może być przypisany tylko do jednego elementu, natomiast klasa może być przypisana do wielu elementów.
Zakładki z id oraz linki
Zakładki HTML (ang. bookmarks), mogą być wykorzystywane przez linki, kierując je do odpowiedniego miejsca na stronie - strona zostanie zescrollowana.
Bookmarki mogą być przydatne, gdy strona jest bardzo długa.
Aby stworzyć zakładkę, musisz najpierw nadać jakiemuś elemntowi identyfikator, a następnie odnieść się do niego w linku. Po kliknięcu w link, zostaniesz przeniesiony, do identyfikatora.