HTML a href-attribut forklaret med eksempler

Den attribut refererer til en destination, som et link. Den a(anker) tag er døde uden attribut.

Sådan bruges mærket

Undertiden i din arbejdsgang vil du ikke have et live-link, ellers kender du ikke linkdestinationen endnu. I dette tilfælde er det nyttigt at indstille hrefattributten til "#"at oprette et dødt link.

Den hrefattribut kan anvendes til link til lokale filer eller filer på internettet.

For eksempel:

  Href Attribute Example   

Href Attribute Example

The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth.

Den egenskab understøttes af alle browsere.

Flere HTML-attributter:

hreflang : Angiver sproget for den linkede ressource.

target : Angiver den kontekst, hvor den linkede ressource åbnes.

title : Definerer titlen på et link, der vises for brugeren som et værktøjstip.

Eksempler

This is a dead link This is a live link to freeCodeCamp more with a href attribute

Anker på siden

Det er også muligt at indstille et anker til et bestemt sted på siden. For at gøre dette skal du først placere en fane på placeringen på siden med tag og den nødvendige attribut "navn" med en hvilken som helst søgeordsbeskrivelse i den, som denne:

En beskrivelse mellem tags er ikke påkrævet. Derefter kan du placere et link, der fører til dette anker, når som helst på samme side. For at gøre dette skal du bruge tag med den nødvendige attribut "href" med symbol # (skarp) og nøgleordbeskrivelse af ankeret, sådan:

Go to Top

Billedlink

Det kan også anvendes på billeder og andre HTML-elementer.

Eksempel

Nogle flere eksempler på href

This gives a base url for all further urls on the page This is a live link to an external stylesheet

Hvad mere kan du gøre med?

Mere tilpasning! Lad os se en bestemt brugssag:

Et mailto-link er en slags hyperlink ( ) med specielle parametre, der giver dig mulighed for at specificere yderligere modtagere, en emnelinje og / eller en brødtekst.

Den grundlæggende syntaks med en modtager er:

Some text

Tilføjelse af et emne til den mail:

Hvis du vil føje et bestemt emne til den mail, skal du være forsigtig med at tilføje, %20eller +overalt er der et mellemrum i emnelinjen. En nem måde at sikre, at den er korrekt formateret, er at bruge en URL-dekoder / -koder.

Tilføjer brødtekst:

På samme måde kan du tilføje en bestemt besked i body-delen af ​​e-mailen: Igen skal mellemrum erstattes af %20eller +. Efter emneparameteren skal enhver yderligere parameter indledes med&

Eksempel: Sig, at du vil have brugere til at sende en e-mail til deres venner om deres fremskridt i Free Code Camp:

Adresse: tom

Emne: Store nyheder

Body: Jeg er ved at blive udvikler

Dit html-link nu:

Send mail!

Her har vi efterladt mailto tom (mailto :?). Dette åbner brugerens e-mail-klient, og brugeren tilføjer modtageradressen selv.

Tilføjelse af flere modtagere:

På samme måde kan du tilføje CC- og bcc-parametre. Adskil hver adresse med et komma!

Yderligere parametre skal være forud for &.

Send mail!

Mere information:

MDN - E-mail-links