Links Gebruiken
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.
index.html
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".
index.html
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.
index.html
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.
index.html
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.
Neem even de tijd om de functionaliteit te inspecteren door op de links te klikken en te observeren hoe de live pagina naar de specifieke secties scrolt. Let daarnaast op de attributen van de a-tag en de h2-tag.
Om de code te bekijken, sleep je de schuifregelaar aan de linkerkant van de code sandbox. Hiermee wordt de bestaande code in de editor zichtbaar.
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you explain how the `download` attribute works with the `<a>` tag?
What are some common values for the `target` attribute?
How do I create a link to a specific section within the same page?
Geweldig!
Completion tarief verbeterd naar 2.38Links Gebruiken
Veeg om het menu te tonen
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.
index.html
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".
index.html
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.
index.html
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.
index.html
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.
Neem even de tijd om de functionaliteit te inspecteren door op de links te klikken en te observeren hoe de live pagina naar de specifieke secties scrolt. Let daarnaast op de attributen van de a-tag en de h2-tag.
Om de code te bekijken, sleep je de schuifregelaar aan de linkerkant van de code sandbox. Hiermee wordt de bestaande code in de editor zichtbaar.
Bedankt voor je feedback!
