Czym jest kotwica?

Kotwica (Anchor) w rozwoju stron internetowych to element HTML, który tworzy hiperłącze (link) między dwoma zasobami. Najczęściej używany jest do tworzenia odnośników do innych stron internetowych lub do określonych sekcji bieżącej strony.

Główny tag do tworzenia kotwicy to <a href="...">.

Przykłady użycia:

• Link do zewnętrznego zasobu:

  <a href="https://www.google.com">Link do Google</a>
  

• Link do wewnętrznego zasobu (inna strona serwisu):

  <a href="/about-us">O nas</a>
  

• Link do określonej sekcji na tej samej stronie:

  1. Utwórz identyfikator (id) dla elementu docelowego.

     <h2 id="section2">Sekcja 2</h2>
     

  2. Utwórz odnośnik, używając # i identyfikatora.

     <a href="#section2">Przejdź do Sekcji 2</a>
     

W kontekście testowania:

• Sprawdź poprawność URL w atrybucie href.
• Sprawdź dostępność docelowego zasobu (strony, sekcji).
• Sprawdź poprawność przejścia do żądanej sekcji przy użyciu kotwic z #.
• Sprawdź atrybut target, aby wskazać, gdzie otwierać link (np. _blank dla nowego okna/karty).
• Sprawdź atrybut rel, aby wskazać relacje między obecną stroną a zasobem docelowym.

Kotwice są podstawowym elementem nawigacji w sieci.