Hur Man Använder För Att Skapa Länkar Och Öppna Dem Där Du Vill!

ramar inaktuella; använd endast _blank

det enda aktuella värdet för targetär _blank. De andra värdena för target användes för att ange specifika ramar. Ramar har dock avlägsnats i HTML5.

standardmål

om ingen target anges öppnas länken i det aktuella sammanhanget, såvida inte användaren eller webbläsaren anger något annat.

a target=”_blank” öppnas i ny webbläsarflik (eller fönster)

attributet target anger var det länkade dokumentet öppnas när länken klickas. Standard är det aktuella fönstret. Om target="_blank" öppnas det länkade dokumentet i en ny flik eller (i äldre webbläsare) ett nytt fönster.

varför Öppna i en ny webbläsare?

den vanligaste anledningen att använda ’target=” _blank ” är så att offsite-länkar öppnas i en separat flik. Detta gör det möjligt för en användare att klicka på en referens och komma tillbaka till den senare utan att lämna den aktuella sidan. Det håller besökare på din webbplats längre och förbättrar de flesta av dina mätvärden: avvisningsfrekvens, konvertering, besökta sidor.

öppna alla Externa Länkar i en ny flik med JavaScript

du behöver inte manuellt lägga till target="_blank" till varje länk på din webbplats. Om du länkar mycket (vilket du borde göra) är det enkelt att lägga till lite JavaScript-kod på din webbplats och göra alla externa länkar till _blank länkar automatiskt.

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

(du kan se en något modifierad form av denna kod i aktion på varje sida på denna webbplats.) Detta trick kräver jQuery, men det finns en god chans att du använder det redan. Den används i de mest populära ramarna och innehållshanteringssystemen, inklusive WordPress, Drupal och Twitter Bootstrap. Om du behöver göra det utan jQuery kan det också göras. Här är en” vanlig JavaScript ” – version:

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

förutom att göra det lättare, rensar detta upp din markering avsevärt.

anledningar att inte använda ’ target=”_blank”

vissa människor hävdar att användare inte föredrar att öppna länkar i ett nytt surfkontext. De tror att det liknar popup-annonser och annat irriterande beteende. Med ökningen av flikbläddring har detta argument till stor del försvunnit. De flesta användare föredrar att öppna länkar i en ny flik, eftersom det tillåter dem att komma kö refererade länkar för senare läsning utan att förlora sin nuvarande surfning sammanhang.

Adam är en teknisk författare som specialiserat sig på utvecklardokumentation och handledning.