Wat is een 'anker' in webontwikkeling?

Anker — dit is een markering binnen een HTML-document die het mogelijk maakt om een directe link te maken naar een specifieke plek op de pagina. Vaak worden ankers gebruikt voor navigatie binnen één webpagina.

Een anker wordt geïmplementeerd met behulp van het id-attribuut op een HTML-element en een <a>-link met het href-attribuut, dat begint met het symbool # en de naam van de anker (id).

<a href="#section2">Ga naar de tweede sectie</a>

<section id="section1">
  <h2>Eerste sectie</h2>
  <p>Inhoud van de eerste sectie.</p>
</section>

<section id="section2">
  <h2>Tweede sectie</h2>
  <p>Inhoud van de tweede sectie.</p>
</section>

Door op de link met href="#section2" te klikken, scrollt de browser automatisch naar het element met id="section2".

Vergelijkingstabel van het gebruik van ankers en gewone links:

Kenmerk	Anker (href="#id")	Gewone link (href="/page")
Waar leidt de link naartoe	Naar een specifieke plek op de huidige pagina	Naar een andere pagina of bron
Symbool in href	Begint met #	Begint meestal met / of het protocol (http://)
Functie	Navigatie binnen de pagina	Navigatie tussen pagina's