In sommige gevallen kan het handig zijn om in een pagina verwijzingen op te nemen naar een locatie lager op de pagina. Dit kan gedaan worden door gebruik te maken van een anchors of link binnen een pagina.
Hieronder staat een voorbeeld van hoe een pagina met anchors eruit kan zien. Een ander voorbeeld is de hoofdpagina van deze kennisbank. Onderaan deze pagina staat een handleiding voor hoe je anchors aanbrengt in uw pagina.
Hoe voeg ik anchors toe?
Maak voor het eerste item uit de inhoudsopgave met behulp van de linktool een link naar de id van de nog te maken kop. Bijvoorbeeld naar Hoofdstuk A.
- Dit doen we met een speciaal teken # (hekje) voor de linknaam(id). Je kunt hier in principe elke linknaam kiezen zolang deze uit letters bestaat, cijfers worden door het systeem niet geaccepteerd. (vb. #hoofdstuka).
Vervolgens moet je bepalen waar de link naar toe moet springen, namelijk naar de kop van Hoofdstuk A:
- Ga naar de positie in het document waar de gemaakte link naar toe moet verwijzen.
- Voeg via het plus-menu van Xopus een kopje toe (bijvoorbeeld een van niveau 3). Dit doe je door te kiezen voor het plus-menu en vervolgens voor "Voeg toe aan HTML opmaak" en "Voeg kop niveau 3 (h3) toe aan HTML opmaak".
- Verander de naam van het kopje (nu nog [h3]) naar de gewenste naam, in dit voorbeeld dus "Hoofdstuk A".
- Klik met de rechtermuisknop op het kopje en kies voor de optie "kop niveau 3 (h3)".
- Vervolgens kun je een id toevoegen. Vul hier de gewenste id in, wat in dit geval "hoofdstuka" is (zonder haakjes of hekje).
- Druk op "Wijzig" en de anchor is aangemaakt.
Het is ook mogelijk om, in plaats van een kopje, een id toe te voegen aan een hele alinea of een heel HTML-blok. Dit doe je door met de rechtermuisknop op de tekst te klikken en een van de opties te kiezen met het icoontje ervoor waarop een hand staat al wijzend naar een scherm of naar papier. Het hele HTML-blok is aangegeven als "HTML opmaak" en de alinea is aangegeven als "alinea".
Numerieke waarden werken niet als anchor ID
Het is niet mogelijk om numerieke waarden te gebruiken voor de ID. Het webplatform valideert dit niet, en daardoor kan het niet op de server worden gezet. De XMLspy foutmelding is hierin alleen niet duidelijk, deze accepteert de ID gewoon niet.
Meerdere talen
Als je in meerdere talen van een pagina anchors gebruikt moeten ze wel allemaal uniek zijn. Handig kan dan bijvoorbeeld zijn om alle anchors in het nederlands met "NL" te beginnen en in het engels met "EN".
Voorbeeld
Inhoudsopgave van deze pagina:
Hoofdstuk A
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
Hoofdstuk B
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
Hoofdstuk C
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
Link naar de bovenkant van deze pagina
