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 afgeschreven in HTML5.
Default target
Als geen target is opgegeven, wordt de link geopend in de huidige context, tenzij de gebruiker of browser anders aangeeft.
a target=”_blank” Open in Nieuw Browser Tabblad (of Venster)
Het target attribuut specificeert waar het gelinkte document wordt geopend als op de link wordt geklikt. De standaardinstelling is het huidige venster. Als target="_blank", wordt het gelinkte document geopend in een nieuw tabblad of (op oudere browsers) een nieuw venster.
Waarom openen in een nieuwe browser?
De meest voorkomende reden om `target=”_blank” te gebruiken, is om offsite links in een apart tabblad te openen. Hierdoor kan een gebruiker op een verwijzing klikken en er later op terugkomen zonder de huidige pagina te verlaten. Het houdt bezoekers langer op uw site en verbetert de meeste van uw statistieken: bouncepercentage, conversie, bezochte pagina’s.
Open alle externe links in een nieuw tabblad met JavaScript
U hoeft niet handmatig target="_blank" toe te voegen aan elke link op uw site. Als u veel links plaatst (en dat zou u moeten doen), is het gemakkelijk om wat JavaScript code aan uw site toe te voegen en alle externe links automatisch in _blank links te veranderen.
jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank'); (U kunt een licht aangepaste vorm van deze code in actie zien op elke pagina van deze website). Deze truc vereist jQuery, maar er is een goede kans dat je het al gebruikt. Het wordt gebruikt in de meest populaire frameworks en content management systemen, waaronder WordPress, Drupal, en Twitter Bootstrap. Als je het zonder jQuery wilt doen, kan dat ook. Hier is een “plain 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 dat dit het makkelijker maakt, schoont dit je markup aanzienlijk op.
Redenen om `target=”_blank”
Sommige mensen beweren dat gebruikers er niet de voorkeur aan geven om links te openen in een nieuwe browsing context. Zij denken dat dit vergelijkbaar is met popup-advertenties en ander irritant gedrag. Met de opkomst van het browsen met tabbladen is dit argument grotendeels van de baan. De meeste gebruikers geven er de voorkeur aan links in een nieuw tabblad te openen, omdat ze zo in de wachtrij van verwijzingen kunnen komen om ze later te lezen zonder hun huidige browsing-context te verliezen.
Waarden van het doelattribuut
| Value Name | Notes |
|---|---|
| _blank | Opent het gekoppelde document in een nieuw tabblad of venster. |
| _parent | Openen van de link in het bovenliggende frame. Frames zijn in HTML5 verouderd. |
| _self | Open de link in het huidige frame. |
| _top | Open de link in het bovenste frame. Frames zijn in HTML5 verouderd. |
| frame naam | Open de link in het genoemde frame. Frames zijn in HTML5 afgeschreven. |
Alle attributen van het anker-element
| Attribuutnaam | Waarden | Aantekeningen |
|---|---|---|
| hreflang | Specifieert de taal van de gekoppelde bron. | |
| Stuurt de browser de gekoppelde bron te downloaden in plaats van deze te openen. | ||
| target | _blank _parent _self _top frame name |
Geeft aan in welke context de gekoppelde bron wordt geopend. |
| tekst | Definieert de titel van een link, die als tooltip aan de gebruiker wordt getoond. | |
| href | url | Specificeert het gekoppelde document, bron of locatie. |
| naam |
