Link

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 de reactie op het scherm. Het href attribuut helpt bij het specificeren van de URL van de bestemmingspagina.

Link Attributen

target

Standaard opent de link in hetzelfde browsertabblad. Met het target attribuut kunnen we dit gedrag aanpassen. 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 doelbron moet worden gedownload in plaats van in de browser te worden weergegeven. Wanneer het download attribuut wordt gebruikt, vraagt de browser de gebruiker om het bestand op te slaan met de opgegeven bestandsnaam. Bijvoorbeeld, als je een element moet maken met de volgende functionaliteit: wanneer de gebruiker op de link klikt, zal de browser het bestand "myfile.pdf" downloaden van https://example.com/ en de gebruiker vragen 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 links te maken naar e-mailadressen, telefoonnummers en specifieke secties.

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

Laten we het volgende voorbeeld verkennen, gepresenteerd in de vorm van CodeSandbox. Dit platform stelt je in staat om de code te inspecteren en de functionaliteit van de code te onderzoeken.

Opmerking

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 scrollt. Let bovendien op de attributen van de a-tag en de h2-tag.

Om de code te bekijken, sleep de schuifregelaar aan de linkerkant van de code sandbox. Dit zal de bestaande code in de editor onthullen.

Knop

De <button>-tag in HTML wordt gebruikt om een klikbare knop te maken die een actie kan activeren, zoals het verzenden van een formulier, het uitvoeren van een JavaScript-functie zoals het openen en sluiten van een pop-upvenster, of het schakelen van een mobiel menu. Standaard heeft de <button> het type-attribuut, en de waarde is submit. Echter, je moet vaak type="button" specificeren.

Samenvatting

De <a> tag wordt gebruikt voor het maken van hyperlinks naar andere webpagina's, documenten of bronnen. Daarentegen wordt de <button> tag gebruikt voor het creëren van interactiviteit op een webpagina, het activeren van een gebeurtenis of het uitvoeren van een actie. Het is essentieel om hun doeleinden niet te verwarren.