Czym jest 'kotwica' w kontekście tworzenia stron internetowych?

Kotwa to środek nawigacji wewnątrz strony internetowej. Pozwala na utworzenie odnośnika, który nie prowadzi do innej strony, lecz do określonej sekcji bieżącej strony.

Realizuje się to za pomocą:

1. Atrybutu id: Przypisywany elementowi, który będzie celem — miejscem, do którego będzie prowadzić kotwa. id musi być unikalne na stronie.

   <h2 id="section-title">Tytuł sekcji</h2>
   

2. Odnośników z symbolem # i wartością id: W atrybucie href wskazuje się # z następującą wartością id docelowego elementu.

   <a href="#section-title">Przejdź do sekcji</a>
   

Po kliknięciu w taki odnośnik, przeglądarka przewija stronę do elementu z odpowiadającym id.

Kotwy używa się do:

• Tworzenia spisu treści na długich stronach.
• Szybkiego przejścia do określonych sekcji (np. formularzy, kontaktów, notatek).
• Zachowania pozycji użytkownika podczas odświeżania lub powrotu na stronę.

W URL, kotwa jest dodawana po symbolu #: https://example.com/page#section-title.