Wat is een 'anker' in de context van webontwikkeling?

Een anker is een navigatiemiddel binnen een webpagina. Het stelt je in staat om een link te maken die niet naar een andere pagina leidt, maar naar een specifiek gedeelte van de huidige pagina.

Het wordt geïmplementeerd met:

1. id-attribuut: Toegekend aan het element dat het doel is — de plek waar de anker naartoe leidt. Het id moet uniek zijn binnen de pagina.

   <h2 id="section-title">Sectietitel</h2>
   

2. Links met het symbool # en de waarde id: In het href-attribuut wordt # gevolgd door de waarde van het id van het doel-element.

   <a href="#section-title">Ga naar sectie</a>
   

Door op deze link te klikken, scrolt de browser naar het element met het overeenkomstige id.

Ankers worden gebruikt voor:

• Het maken van een inhoudsopgave op lange pagina's.
• Snel navigeren naar specifieke secties (bijvoorbeeld formulieren, contactgegevens, notities).
• De positie van de gebruiker behouden bij het vernieuwen of terugkeren naar de pagina.

In de URL wordt de anker toegevoegd na het #-teken: https://example.com/page#section-title.