Co je to 'kotva' v kontextu webového vývoje?

Kotva je prostředek navigace uvnitř webové stránky. Umožňuje vytvořit odkaz, který nevede na jinou stránku, ale na konkrétní sekci aktuální stránky.

Realizuje se pomocí:

1. Atributu id: Přiřadí se prvku, který bude cílem — místu, kam bude kotva odkazovat. id musí být na stránce unikátní.

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

2. Odkazů s symbolem # a hodnotou id: V atributu href se uvádí # následované hodnotou id cílového prvku.

   <a href="#section-title">Přejít na sekci</a>
   

Kliknutím na takový odkaz se stránka posune k prvku s odpovídajícím id.

Hlavní využití kotev:

• Vytváření obsahu na dlouhých stránkách.
• Rychlé přechody na určité sekce (například formuláře, kontakty, poznámky).
• Zachování pozice uživatele při aktualizaci nebo návratu na stránku.

V URL se kotva přidává za znak #: https://example.com/page#section-title.