Hvordan Bruke Til Å Lage Linker Og Åpne Dem Der Du Vil!

Bruk bare _blank

den eneste relevante verdien av target er _blank. De andre verdiene target ble brukt til å angi bestemte rammer. Rammer har imidlertid blitt avskrevet I HTML5.

Standardmål

hvis ingen target er angitt, åpnes koblingen i gjeldende kontekst, med mindre brukeren eller nettleseren angir noe annet.

a target=»_blank» Åpnes I Ny Nettleserfane (Eller Vindu)

target attributtet angir hvor det koblede dokumentet åpnes når koblingen klikkes. Standard er det gjeldende vinduet. Hvis target="_blank" åpnes det koblede dokumentet i en ny fane eller (i eldre nettlesere) et nytt vindu.

Hvorfor Åpne I En Ny Nettleser?

den vanligste grunnen til å bruke ‘target=» _blank » er at eksterne lenker åpnes i en egen fane. Dette gjør at en bruker kan klikke på en referanse og komme tilbake til den senere uten å forlate gjeldende side. Det holder besøkende på nettstedet ditt lenger og forbedrer de fleste av dine beregninger: fluktfrekvens, konvertering, besøkte sider.

Åpne Alle Eksterne Lenker i En Ny Fane Med JavaScript

du trenger ikke manuelt legge til target="_blank" til hver kobling på nettstedet ditt. Hvis du kobler ut mye (som du bør gjøre), er det enkelt å legge Til Noen JavaScript-kode på nettstedet ditt og slå alle eksterne lenker til _blank koblinger automatisk.


jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank');

(Du kan se en litt modifisert form av denne koden i aksjon på hver side av dette nettstedet.) Dette trikset krever jQuery, men det er en god sjanse for at du bruker den allerede. Den brukes i de mest populære rammene og innholdsstyringssystemene, inkludert WordPress, Drupal og Twitter Bootstrap. Hvis du trenger å gjøre det uten jQuery, kan det også gjøres. Her er en» vanlig JavaScript » versjon:

function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) { var b = c; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks(); 

I tillegg til å gjøre det enklere, rydder dette opp markeringen din betydelig.

Grunner til ikke å bruke ‘ target=»_blank»

noen hevder at brukere ikke foretrekker å åpne koblinger i en ny nettlesingskontekst. De tror at dette ligner popup-annonser og annen irriterende oppførsel. Med økningen av fanebasert surfing har dette argumentet i stor grad gått bort. De fleste brukere foretrekker å åpne koblinger i en ny fane, fordi det tillater dem å komme i kø refererte koblinger for senere lesing uten å miste sin nåværende nettlesingskontekst.

Verdier for målattributtet

Verdinavn Notater
_blank Åpner det koblede dokumentet i en ny fane eller et nytt vindu.
_parent Åpner lenken i overordnet ramme. Rammer er utdatert I HTML5.
_self Åpne lenken i gjeldende ramme.
_top Åpner lenken i den øverste rammen. Rammer er utdatert I HTML5.
rammenavn Åpner lenken i den navngitte rammen. Rammer er utdatert I HTML5.

Alle Attributter av ankerelementet

Attributtnavn Verdier Notater
hreflang Angir språket for den koblede ressursen.
last ned Retter nettleseren for å laste ned den koblede ressursen i stedet for å åpne den.
mål _blank
_parent
_self
_top
rammenavn
Angir konteksten den koblede ressursen skal åpnes i.
tittel tekst Definerer tittelen på en lenke, som vises for brukeren som et verktøytips.
href url Angir det koblede dokumentet, ressursen eller plasseringen.
navn
Adam er en teknisk forfatter som spesialiserer seg på utviklerdokumentasjon og opplæring.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.

More: