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.

Adam er en teknisk forfatter som spesialiserer seg på utviklerdokumentasjon og opplæring.