Brug af links
Stryg for at vise menuen
<a>-tagget bruges til at oprette hyperlinks, som gør det muligt for brugere at navigere mellem forskellige websider. Når en bruger klikker på et link, sender browseren en anmodning til serveren om den side, der er tilknyttet linket, og viser svaret på skærmen. href-attributten angiver URL'en til destinationssiden.
index.html
Linkattributter
target
Som standard åbnes linket i samme browservindue. Attributten target giver mulighed for at ændre denne opførsel. For at åbne et link i en ny fane, anvendes target="_blank".
index.html
download
Attributten download kan bruges sammen med HTML <a>-tagget for at angive, at den målrettede ressource skal downloades i stedet for at blive vist i browseren. Når download-attributten anvendes, beder browseren brugeren om at gemme filen med det angivne filnavn. For eksempel, hvis der skal oprettes et element med følgende funktionalitet: når brugeren klikker på linket, downloader browseren filen "myfile.pdf" fra https://example.com/ og beder brugeren om at gemme den med filnavnet myfile.pdf.
index.html
href
href-attributten bruges ikke kun til at navigere til andre sider, men også til at oprette links til e-mailadresser, telefonnumre og specifikke sektioner.
index.html
Derudover kan href-attributten bruges til at navigere til specifikke sektioner på en webside. For at oprette et anker-tag tildeles en id-attribut (en unik identifikator) til den ønskede sektion, som vi vil rulle til. href-attributten får en værdi, der starter med #-symbolet efterfulgt af id-værdien.
Lad os undersøge følgende eksempel, præsenteret i form af CodeSandbox. Denne platform muliggør inspektion af kode og giver dig mulighed for at undersøge kodens funktionalitet.
Tag venligst et øjeblik til at inspicere funktionaliteten ved at klikke på linkene og observere, hvordan den levende side ruller til de specifikke sektioner. Vær desuden opmærksom på attributterne for a-tagget og h2-tagget.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat