Sobes.tech
Junior

Čo je to kotva?

sobes.tech AI

Odpoveď od AI

Kotva (Anchor) vo vývoji webu je HTML prvok, ktorý vytvára hypertextové spojenie (odkaz) medzi dvoma zdrojmi. Najčastejšie sa používa na vytváranie odkazov na iné webové stránky alebo na konkrétne sekcie aktuálnej stránky.

Hlavný tag na vytvorenie kotvy je <a href="...">.

Príklady použitia:

  • Odkaz na externý zdroj:

    <a href="https://www.google.com">Odkaz na Google</a>
    
  • Odkaz na interný zdroj (iná stránka webu):

    <a href="/about-us">O nás</a>
    
  • Odkaz na konkrétnu sekciu na rovnakej stránke:

    1. Vytvorte identifikátor (id) pre cieľový prvok.
      <h2 id="section2">Sekcia 2</h2>
      
    2. Vytvorte odkaz s použitím # a identifikátora.
      <a href="#section2">Prejsť na Sekciu 2</a>
      

V kontexte testovania:

  • Skontrolujte správnosť URL v atribúte href.
  • Skontrolujte dostupnosť cieľového zdroja (stránka, sekcia).
  • Skontrolujte správnosť navigácie na požadovanú sekciu pomocou kotvičiek s #.
  • Skontrolujte atribút target, ktorý určuje, kde sa má odkaz otvoriť (napríklad, _blank pre nové okno/kartru).
  • Skontrolujte atribút rel, ktorý určuje vzťahy medzi aktuálnou stránkou a cieľovým zdrojom.

Kotvy sú základným prvkom navigácie na webe.