Čo je to 'kotva' v kontexte webového vývoja?

Kotva je prostriedok na navigáciu v rámci webovej stránky. Umožňuje vytvoriť odkaz, ktorý nevedie na inú stránku, ale na určitú sekciu aktuálnej stránky.

Implementuje sa pomocou:

1. Atribútu id: Priradí sa prvku, ktorý bude cieľom — miesto, kam bude kotva viesť. id musí byť na stránke jedinečné.

   <h2 id="section-title">Nadpis sekcie</h2>
   

2. Odkazov s symbolom # a hodnotou id: V atribúte href sa uvádza # nasledované hodnotou id cieľového prvku.

   <a href="#section-title">Prejsť na sekciu</a>
   

Kliknutím na takýto odkaz sa stránka posunie k prvku s príslušným id.

Hlavné využitie kotiev:

• Vytváranie obsahu na dlhých stránkach.
• Rýchle prechody na určité sekcie (napríklad formuláre, kontakty, poznámky).
• Zachovanie pozície používateľa pri aktualizácii alebo návrate na stránku.

V URL sa kotva pridáva za symbol #: https://example.com/page#section-title.