How To Use The To Make Links & Open Them Where You Want!

Kehykset vanhentunut; käytä vain _blank

ainoa tällä hetkellä merkityksellinen arvo target on _blank. Muita arvoja target käytettiin tiettyjen kehysten määrittelyyn. Kehyksiä on kuitenkin vanhennettu HTML5: ssä.

Oletustavoite

jos ei ole annettu target, linkki avautuu tässä yhteydessä, ellei käyttäjä tai selain toisin määrää.

a target= ”_blank” Open in New Browser Tab (or Window)

target attribuutti määrittää, mihin linkitetty asiakirja avautuu, kun linkkiä napsautetaan. Oletusarvo on nykyinen ikkuna. Jos target="_blank", linkitetty asiakirja avautuu uuteen välilehteen tai (vanhemmissa selaimissa) uuteen ikkunaan.

miksi avata uudessa selaimessa?

yleisin syy käyttää”target=” _blank ” on se, että offsite-linkit avautuvat erilliseen välilehteen. Näin käyttäjä voi klikata viittausta ja palata siihen myöhemmin poistumatta nykyiseltä sivulta. Se pitää kävijät sivustossasi pidempään ja parantaa useimmat mittarit: bounce korko, muuntaminen, sivut vieraili.

Avaa kaikki Ulkoiset linkit uudelle välilehdelle, jossa JavaScript

sinun ei tarvitse lisätä target="_blank" käsin jokaiseen sivustosi linkkiin. Jos linkität paljon (mikä sinun pitäisi tehdä), sivustoosi on helppo lisätä jonkin verran JavaScript-koodia ja muuttaa kaikki Ulkoiset linkit automaattisesti _blank linkeiksi.

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

(voit nähdä hieman muutettu muoto tämän koodin toiminnassa jokaisella sivulla tämän sivuston.) Tämä temppu vaatii jQuery, mutta on hyvä mahdollisuus käytät sitä jo. Sitä käytetään suosituimmissa kehyksissä ja sisällönhallintajärjestelmissä, kuten WordPress, Drupal ja Twitter Bootstrap. Jos se pitää tehdä ilman jQuerya, sekin onnistuu. Tässä on ”plain JavaScript” versio:

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(); 

sen lisäksi, että se helpottaa, tämä puhdistaa jopa markup huomattavasti.

syitä olla käyttämättä”target=”_blank”

jotkut väittävät, etteivät käyttäjät halua avata linkkejä uudessa selauskontekstissa. Heidän mielestään näin toimiminen muistuttaa ponnahdusmainoksia ja muuta ärsyttävää käytöstä. Tabbed-selailun yleistyessä tämä argumentti on suurelta osin hävinnyt. Useimmat käyttäjät haluavat avata linkit uuteen välilehteen, koska sen avulla he voivat jonottaa viitattuja linkkejä myöhempää lukemista varten menettämättä nykyistä selauskontekstiaan.

Adam on tekninen kirjoittaja, joka on erikoistunut kehittäjien dokumentointiin ja opetusohjelmiin.