Hogyan Kell Használni A Linkeket & Nyissa Meg Őket, Ahol Szeretné!

a keretek elavultak; csak _blank

a target egyetlen jelenleg releváns értéke _blank. A target többi értékét a konkrét keretek megadásához használtuk. A keretek azonban elavultak a HTML5-ben.

alapértelmezett cél

ha nincs megadva target, a hivatkozás az aktuális környezetben nyílik meg, kivéve, ha a felhasználó vagy a böngésző másként rendelkezik.

a target=”_blank” Megnyitás új böngésző lapon (vagy ablakban)

a target attribútum meghatározza, hogy a linkelt dokumentum hol nyílik meg, amikor a hivatkozásra kattint. Az alapértelmezett az aktuális ablak. Ha target="_blank", a csatolt dokumentum új lapon vagy (régebbi böngészőkben) új ablakban nyílik meg.

miért érdemes új böngészőben megnyitni?

a `target=”_blank” használatának leggyakoribb oka az, hogy a külső linkek külön lapon nyílnak meg. Ez lehetővé teszi a felhasználó számára, hogy rákattintson egy hivatkozásra, és később visszatérjen hozzá anélkül, hogy elhagyná az aktuális oldalt. Hosszabb ideig tartja a webhely látogatóit, és javítja a legtöbb mutatót: visszafordulási arány, konverzió, meglátogatott oldalak.

nyissa meg az összes külső linket egy új lapon a JavaScript segítségével

nem kell manuálisan hozzáadnia a target="_blank" értéket a webhely minden linkjéhez. Ha sokat linkelsz (amit meg kell tenned), könnyen hozzáadhatsz néhány JavaScript kódot a webhelyedhez, és az összes külső linket automatikusan _blank linkekké alakíthatod.

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

(a kód kissé módosított formáját működés közben láthatja a weboldal minden oldalán.) Ez a trükk jQuery-t igényel, de jó esély van arra, hogy már használja. A legnépszerűbb keretrendszerekben és tartalomkezelő rendszerekben használják, beleértve a WordPress, a Drupal és a Twitter Bootstrap. Ha jQuery nélkül kell csinálni, akkor ezt is meg lehet tenni. Itt van egy “sima JavaScript” verzió:

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

amellett, hogy megkönnyíti, ez jelentősen megtisztítja a jelölést.

a `target=”_blank”használatának mellőzésének okai

egyesek azzal érvelnek, hogy a felhasználók nem szívesen nyitnak meg linkeket új böngészési környezetben. Úgy gondolják, hogy ez hasonló a felugró hirdetésekhez és más bosszantó viselkedéshez. A füles böngészés növekedésével ez az érv nagyrészt eltűnt. A legtöbb felhasználó inkább egy új lapon nyitja meg a hivatkozásokat, mert ez lehetővé teszi számukra, hogy a hivatkozott hivatkozásokat sorba állítsák későbbi olvasás céljából, anélkül, hogy elveszítenék a jelenlegi böngészési környezetüket.

Adam műszaki író, aki fejlesztői dokumentációra és oktatóanyagokra specializálódott.