Help Center / Ongecategoriseerd / Geneste links

Geneste links

Last Update: mei 19, 2025

Links zijn een belangrijk onderdeel van het navigeren op een website. De meeste elementen kunnen links bevatten, waardoor ze “klikbaar” worden – wanneer je erop klikt, brengen ze je naar een andere pagina. Een beperking in webdesign is dat je geen klikbaar element binnen een ander klikbaar element kunt hebben. Deze links binnen links worden geneste links genoemd.

Dit komt het vaakst voor wanneer je een container (zoals een flexbox, grid of div-blok) klikbaar maakt en vervolgens een klikbaar element (zoals een knop) binnen de container toevoegt. Dit kan de lay-out van je pagina verstoren.  

Warning
In de Elementor Editor versie 3.x krijg je een foutmelding in het paneel als je probeert een geneste link toe te voegen, maar de Editor zal je er niet van weerhouden dit te doen.

Geneste links in versie 4 van de elementor editor

Om te voorkomen dat gebruikers geneste links maken en hun pagina-indeling verstoren, staat versie 4 van de Elementor Editor niet toe dat je een klikbaar element binnen een ander klikbaar element plaatst.

 Als je probeert een klikbaar element binnen een klikbaar element toe te voegen, zie je de volgende waarschuwing:

  • Klik op Breng me daar om de bovenliggende container te openen zodat je de link kunt verwijderen.

Als je probeert een link toe te voegen aan een container die al een klikbaar element bevat, zie je het volgende foutbericht:

  • Klik op Breng me daar om het klikbare element te openen om de link te verwijderen.
Tip
Vaak willen makers een knop binnen een container gebruiken om de aandacht van bezoekers te trekken en hen te laten weten dat ze op het item kunnen klikken, maar ze willen dat de hele container klikbaar is voor betere toegankelijkheid. In dit geval kun je de container klikbaar maken maar geen link aan de knop toevoegen. Op deze manier gaan bezoekers naar de link, ongeacht of ze op de knop of de container klikken.
On this page

Share this article

Hosted with