Skip to main content

Link binnen een pagina

Vraag

Hoe maak je een hyper link die verwijst naar de bovenkant van dezelfde pagina?

Antwoord

het is relatief eenvoudig om een link te maken die naar de bovenkant van dezelfde HTML-pagina verwijst. Dit kan worden gedaan door het href attribuut van de <a> tag in te stellen op "#top". Meestal wordt hiervoor een HTML-element met id="top" aan het begin van de pagina geplaatst, zodat de link weet waar naartoe te verwijzen.

Hier is een eenvoudig voorbeeld:

<!DOCTYPE html>
<html>
<head>
    <title>Voorbeeldpagina</title>
</head>
<body>

<!-- Element aan het begin van de pagina -->
<div id="top"></div>

<!-- De inhoud van de pagina -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.</p>

<!-- Meer inhoud ... -->

<!-- Link aan de onderkant van de pagina -->
<a href="#top">Terug naar boven</a>

</body>
</html>

In dit voorbeeld zal de link "Terug naar boven" de gebruiker naar het element met id="top" sturen, wat in dit geval aan het begin van de pagina staat. Dit is een veelgebruikte manier om een "terug naar boven" functionaliteit te implementeren op webpagina's.



Back to top