Co je to kotva?

Kotva (Anchor) ve vývoji webu je HTML prvek, který vytváří hypertextové spojení (odkaz) mezi dvěma zdroji. Nejčastěji se používá k vytváření odkazů na jiné webové stránky nebo na konkrétní sekce aktuální stránky.

Hlavní značka pro vytvoření kotvy je <a href="...">.

Příklady použití:

• Odkaz na externí zdroj:

  <a href="https://www.google.com">Odkaz na Google</a>
  

• Odkaz na interní zdroj (jiná stránka webu):

  <a href="/about-us">O nás</a>
  

• Odkaz na konkrétní sekci na téže stránce:

  1. Vytvořte identifikátor (id) cílového prvku.

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

  2. Vytvořte odkaz s použitím # a identifikátoru.

     <a href="#section2">Přejít na Sekci 2</a>
     

V kontextu testování:

• Zkontrolujte správnost URL v atributu href.
• Zkontrolujte dostupnost cílového zdroje (stránky, sekce).
• Zkontrolujte správnost navigace na požadovanou sekci pomocí kotviček s #.
• Zkontrolujte atribut target, který určuje, kde se má odkaz otevřít (například _blank pro nové okno/kartu).
• Zkontrolujte atribut rel, který určuje vztahy mezi aktuální stránkou a cílovým zdrojem.

Kotvy jsou základním prvkem navigace na webu.