Czym jest 'kotwica' w tworzeniu stron internetowych?

Kotwica to znacznik wewnątrz dokumentu HTML, który umożliwia utworzenie bezpośredniego odnośnika do określonego miejsca na stronie. Najczęściej kotwice są używane do nawigacji w obrębie jednej strony internetowej.

Kotwica jest realizowana za pomocą atrybutu id w elemencie HTML oraz odnośnika (<a>) z atrybutem href, który zaczyna się od symbolu # i nazwy kotwicy (id).

<a href="#section2">Przejdź do drugiego rozdziału</a>

<section id="section1">
  <h2>Pierwszy rozdział</h2>
  <p>Zawartość pierwszego rozdziału.</p>
</section>

<section id="section2">
  <h2>Drugi rozdział</h2>
  <p>Zawartość drugiego rozdziału.</p>
</section>

Kliknięcie na odnośnik z href="#section2" spowoduje automatyczne przewinięcie strony do elementu z id="section2".

Tabela porównawcza użycia kotwic i zwykłych odnośników:

Charakterystyka	Kotwica (href="#id")	Zwykły odnośnik (href="/page")
Dokąd prowadzi odnośnik	Do określonego miejsca na bieżącej stronie	Do innej strony lub zasobu
Symbol w href	Zaczyna się od #	Zazwyczaj zaczyna się od / lub protokołu (http://)
Funkcja	Nawigacja w obrębie strony	Nawigacja między stronami