De <a>-tag wordt gebruikt om hyperlinks te maken waarmee gebruikers tussen verschillende webpagina's kunnen navigeren. Wanneer een gebruiker op een link klikt, stuurt de browser een verzoek naar de server voor de pagina die aan de link is gekoppeld en toont het antwoord op het scherm. Het href-attribuut specificeert de URL van de bestemmingspagina.

Link-attributen

target

Standaard wordt de link geopend in hetzelfde browsertabblad. Met het attribuut target kan dit gedrag worden aangepast. Om een link in een nieuw tabblad te openen, gebruik target="_blank".

download

Het download attribuut kan worden gebruikt met de HTML <a>-tag om aan te geven dat de doelresource moet worden gedownload in plaats van weergegeven in de browser. Wanneer het download attribuut wordt gebruikt, vraagt de browser de gebruiker om het bestand op te slaan met de opgegeven bestandsnaam. Bijvoorbeeld, als u een element moet maken met de volgende functionaliteit: wanneer de gebruiker op de link klikt, downloadt de browser het bestand "myfile.pdf" van https://example.com/ en vraagt de gebruiker om het op te slaan met de bestandsnaam myfile.pdf.

href

Het href-attribuut wordt niet alleen gebruikt om naar andere pagina's te navigeren, maar ook om koppelingen te maken naar e-mailadressen, telefoonnummers en specifieke secties.

Daarnaast kan het href-attribuut worden gebruikt om naar specifieke secties binnen een webpagina te navigeren. Om een anker-tag te maken, wijs je een id-attribuut (een unieke identificatie) toe aan de gewenste sectie waarnaar je wilt scrollen. Het href-attribuut krijgt een waarde die begint met het #-symbool, gevolgd door de waarde van het id-attribuut.

Laten we het volgende voorbeeld bekijken, gepresenteerd in de vorm van CodeSandbox. Dit platform maakt het mogelijk om de code te inspecteren en de functionaliteit ervan te onderzoeken.