Links naar pagina-ankers
Verwijzen naar een specifieke sectie op een pagina
Over het algemeen verwijst een link naar een andere pagina. Als deze link gevolgd wordt, wordt deze pagina geladen en getoond in de browser. Een link kan echter ook naar een specifieke sectie op die pagina verwijzen. Of naar een sectie op de pagina waarop de link zelf voorkomt. Het markeren van deze secties doet men door middel van een pagina-anker.
Inhoudsopgave
Voorbeelden
Voorbeeld van een pagina-anker op een paragraaf (HTML)
<p id="einde">De vergadering werd besloten met een rondvraag.</p>
Een link elders op dezelfde pagina kan naar dit pagina-anker verwijzen.
Verwijzing naar het anker (HTML)
<a href="#einde">De afsluiting van de vergadering</a>
Het volgen van de link zal de bezoeker naar deze paragraaf toesturen. Een link op een andere pagina kan ook naar deze paragraaf linken:
Verwijzing naar het anker (HTML)
<a href="vergadering.html#einde">De afsluiting van de vergadering</a>
Oude browsers en incompatibiliteit
Oude webbrowsers hebben moeite met het gebruik van het id-attribuut voor pagina-ankers. De oorspronkelijke manier van het aanduiden van ankers, waar deze browsers wel mee kunnen omgaan, is via <a></a> tags en het name attribuut.
Verwijzing naar het anker (HTML)
<p><a name="einde"></a>De vergadering werd besloten met een rondvraag.</p>
Het gebruik van deze methode is dan wel uitwisselbaar met oudere browsers, het is meteen ook een stuk minder praktisch in het gebruik dan het id attribuut. Dit attribuut is namelijk toe te passen op elk willekeurig element op een pagina; het gebruik van het name attribuut in de context van ankers mag alleen op <a> tags. Verder is het gebruik van deze <a> tags niet op elke plaats in een document toegestaan. En bovendien wordt het name attribuut in XHTML 1.0 aangemerkt als deprecated (achterhaald).
Het name attribuut is dus niet in overeenstemming met Webrichtlijn R-pd.2.2 wanneer XHTML als markup taal wordt gebruikt.
Het gebruik van het id attribuut opent nieuwe mogelijkheden voor het toepassen van behulpzame client-side scripts, zoals op deze site is gedaan: volg deze link en de paragraaf waarnaar deze link verwijst zal in moderne browsers worden gemarkeerd, voor een verbeterde duidelijkheid van de verwijzing.
Het gebrek aan ondersteuning in oude browsers voor het springen naar ankers binnen de pagina is feitelijk slechts een ongemak. De bezoeker kan namelijk nog steeds bij de informatie op de pagina komen, maar zal daarvoor dan moeten scrollen.
