Op deze pagina ...

Ankers - of te wel: hoe spring ik binnen dezelfde pagina Eigenlijk heet dit verschijnsel "Named Anchors" en wordt gebruikt om een locatie aan te geven binnen dezelfde HTML pagina (file). Met <A HREF> kan men dan vervolgens naar die locatie in de pagina springen.

Werken met Anchors

Een voorbeeld kun je vinden op een aantal pagina's bij WeetHet, in de vorm van een pagina overzicht waarbij men door een klik op het woord naar een positie in de pagina springt.

Hoewel dit een zeer elementaire "tag" is binnen HTML, vergeten we nog wel eens hoe die werkt,...

Als eerste moeten we de locatie waar heen gesprongen moet worden, aan te geven met een "Named Anchor". We doen dit als volgt, op de doel-locatie:

<a name="EenDoel"></a>

Om nu naar dit "doel" te kunnen springen met een link, moeten we de naam van het anker meegeven aan de <A HREF> tag. Bijvoorbeeld:

<a href="#EenDoel">Spring naar het doel</a>

Merk op dat er een hekje ("#") voor de naam van het anker staat. Dit is gedaan om misverstanden met andere links te voorkomen. Zouden we namelijk het hekje weglaten , dan zal de browser gaan zoeken naar het bestand "EenDoel".

Op deze manier kunnen we meerdere ankers op dezelfde pagina maken.

De link, de <A HREF>, hoeft niet noodzakelijkerwijs boven of onder het anker te staan. De browser begint namelijk van bovenaf te zoeken naar het eerste anker met de opgegeven naam.

Merk op: een tweede anker met dezelfde naam heeft dus nooit zin, want de browser zal nooit zover gaan zoeken aangezien het al een anker met de gewenste naam heeft gevonden.