Hoe Kunt U Links Maken En Openen Waar U Wilt!

Frames verouderd; gebruik alleen _blank

de enige momenteel relevante waarde van target is _blank. De andere waarden van target werden gebruikt om specifieke frames te specificeren. Frames zijn echter verouderd in HTML5.

standaarddoel

als er geen target is opgegeven, wordt de link in de huidige context geopend, tenzij de gebruiker of browser anders aangeeft.

a target= “_blank” openen in Nieuw Browser tabblad (of venster)

het target attribuut geeft aan waar het gekoppelde document wordt geopend wanneer op de link wordt geklikt. De standaard is het huidige venster. Als target="_blank", zal het gekoppelde document in een nieuw tabblad of (op oudere browsers) een nieuw venster openen.

waarom openen in een nieuwe Browser?

de meest voorkomende reden om `target=”_blank” te gebruiken is dat externe links in een apart tabblad worden geopend. Hierdoor kan een gebruiker op een referentie klikken en er later naar terugkeren zonder de huidige pagina te verlaten. Het houdt bezoekers op uw site langer en verbetert de meeste van uw statistieken: bounce rate, conversie, bezochte pagina ‘ s.

Open alle externe Links in een nieuw tabblad met JavaScript

u hoeft niet handmatig target="_blank" aan elke link op uw site toe te voegen. Als u veel linkt (wat u zou moeten doen), is het gemakkelijk om wat JavaScript-code aan uw site toe te voegen en alle externe links automatisch om te zetten in _blank links.

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

(u kunt een licht gewijzigde vorm van deze code in actie zien op elke pagina van deze website.) Deze truc vereist jQuery, maar er is een goede kans dat u het al gebruikt. Het wordt gebruikt in de meest populaire frameworks en content management systemen, waaronder WordPress, Drupal, en Twitter Bootstrap. Als je nodig hebt om het te doen zonder jQuery, dat kan ook worden gedaan. Hier is een “gewone JavaScript” versie:

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

naast het maken van het makkelijker, dit ruimt uw markup aanzienlijk.

redenen om `target=”_blank”

niet te gebruiken sommige mensen beweren dat gebruikers geen voorkeur geven aan het openen van links in een nieuwe browsecontext. Ze denken dat dit te doen is vergelijkbaar met pop-up advertenties en andere vervelende gedrag. Met de opkomst van browsen met tabbladen is dit argument grotendeels verdwenen. De meeste gebruikers geven de voorkeur aan het openen van links in een nieuw tabblad, omdat het hen in staat stelt om te komen in de wachtrij verwijzingen links voor later lezen zonder verlies van hun huidige browsing context.

Adam is een technisch schrijver die gespecialiseerd is in Ontwikkelaar documentatie en tutorials.