Bruk av Lenker
<a>-taggen brukes til å lage hyperkoblinger som gjør det mulig for brukere å navigere mellom ulike nettsider. Når en bruker klikker på en lenke, sender nettleseren en forespørsel til serveren for siden som er tilknyttet lenken, og viser svaret på skjermen. href-attributtet angir URL-en til målsiden.
index.html
Lenkeattributter
target
Som standard åpnes lenken i samme nettleserfane. Attributtet target lar oss endre denne oppførselen. For å åpne en lenke i en ny fane, bruk target="_blank".
index.html
download
Attributtet download kan brukes med HTML <a>-taggen for å angi at ressursen skal lastes ned i stedet for å vises i nettleseren. Når download-attributtet brukes, vil nettleseren be brukeren om å lagre filen med det angitte filnavnet. For eksempel, hvis du trenger å lage et element med følgende funksjonalitet: når brukeren klikker på lenken, vil nettleseren laste ned filen "myfile.pdf" fra https://example.com/ og be brukeren om å lagre den med filnavnet myfile.pdf.
index.html
href
href-attributtet brukes ikke bare for å navigere til andre sider, men også for å lage lenker til e-postadresser, telefonnumre og spesifikke seksjoner.
index.html
I tillegg kan href-attributtet brukes for å navigere til bestemte seksjoner innenfor en nettside. For å opprette en ankerlenke, tildel et id-attributt (en unik identifikator) til den ønskede seksjonen vi vil bla til. href-attributtet får en verdi som starter med #-symbolet etterfulgt av id-verdien.
La oss se nærmere på følgende eksempel, presentert i CodeSandbox. Denne plattformen muliggjør inspeksjon av kode og lar deg undersøke hvordan koden fungerer.
Ta gjerne et øyeblikk for å undersøke funksjonaliteten ved å klikke på lenkene og observere hvordan den levende siden blar til de spesifikke seksjonene. Legg også merke til attributtene til a-taggen og h2-taggen.
For å vise koden, dra glidebryteren på venstre side av code sandbox. Dette vil vise den eksisterende koden i editoren.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Fantastisk!
Completion rate forbedret til 2.38Bruk av Lenker
Sveip for å vise menyen
<a>-taggen brukes til å lage hyperkoblinger som gjør det mulig for brukere å navigere mellom ulike nettsider. Når en bruker klikker på en lenke, sender nettleseren en forespørsel til serveren for siden som er tilknyttet lenken, og viser svaret på skjermen. href-attributtet angir URL-en til målsiden.
index.html
Lenkeattributter
target
Som standard åpnes lenken i samme nettleserfane. Attributtet target lar oss endre denne oppførselen. For å åpne en lenke i en ny fane, bruk target="_blank".
index.html
download
Attributtet download kan brukes med HTML <a>-taggen for å angi at ressursen skal lastes ned i stedet for å vises i nettleseren. Når download-attributtet brukes, vil nettleseren be brukeren om å lagre filen med det angitte filnavnet. For eksempel, hvis du trenger å lage et element med følgende funksjonalitet: når brukeren klikker på lenken, vil nettleseren laste ned filen "myfile.pdf" fra https://example.com/ og be brukeren om å lagre den med filnavnet myfile.pdf.
index.html
href
href-attributtet brukes ikke bare for å navigere til andre sider, men også for å lage lenker til e-postadresser, telefonnumre og spesifikke seksjoner.
index.html
I tillegg kan href-attributtet brukes for å navigere til bestemte seksjoner innenfor en nettside. For å opprette en ankerlenke, tildel et id-attributt (en unik identifikator) til den ønskede seksjonen vi vil bla til. href-attributtet får en verdi som starter med #-symbolet etterfulgt av id-verdien.
La oss se nærmere på følgende eksempel, presentert i CodeSandbox. Denne plattformen muliggjør inspeksjon av kode og lar deg undersøke hvordan koden fungerer.
Ta gjerne et øyeblikk for å undersøke funksjonaliteten ved å klikke på lenkene og observere hvordan den levende siden blar til de spesifikke seksjonene. Legg også merke til attributtene til a-taggen og h2-taggen.
For å vise koden, dra glidebryteren på venstre side av code sandbox. Dette vil vise den eksisterende koden i editoren.
Takk for tilbakemeldingene dine!
