Atrybut id

31 lipca 2012
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

Atrybut id służy do przypisywania elementom identyfikatorów zdefiniowanych w kaskadowych arkuszach stylów. Identyfikatorów najczęściej używa się do stylizowania elementów za pomocą CSS, jako punktów docelowych dla kotwic (część adresu URL za znakiem #) oraz jako punktów zaczepienia dla skryptów.

Przykłady użycia

Element nawigacji z identyfikatorem nawigacja
<nav id="nawigacja">
  <a href="/koty/">Koty</a>
  <a href="/psy/">Psy</a>
</nav>

Aby utworzyć bezpośrednie łącze do powyższego elementu z identyfikatorem nawigacja, należy napisać (przyjmując, że element ten znajduje się na stronie index.html):

<a href="index.html#nawigacja">Nawigacja</a>

Składnia atrybutu id

<nazwa_elementu id="identyfikator">

Elementy związane z atrybutem id

W HTML 5 atrybut id można definiować dla wszystkich elementów, natomiast w HTML 4.01 — dla wszystkich elementów oprócz base, head, html, meta, script, style oraz title.

Wartości atrybutu id

Wartość Opis HTML 4.01/XHTML 1.0 HTML 5
identyfikator Wartością atrybutu id musi być niepowtarzalny w skali całej strony identyfikator. Nazwy identyfikatorów muszą spełniać określone kryteria:
  • Muszą zaczynać się od małej lub wielkiej litery alfabetu łacińskiego
  • Mogą zawierać małe i wielkie litery, cyfry, łączniki oraz znaki podkreślenia

Obsługa atrybutu id przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer

Różnice między HTML 4 a HTML 5

W języku HTML 5 atrybut id jest tzw. atrybutem globalnym, tzn. może być stosowany do wszystkich elementów. Natomiast w HTML 4.01 atrybut ten jest dozwolony dla wszystkich elementów oprócz base, head, html, meta, script, style oraz title.

Dyskusja

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *