Come usare il per creare collegamenti e aprirli dove vuoi!

Frames deprecato; usa solo _blank

L’unico valore attualmente rilevante di targetè _blank. Gli altri valori di target sono stati utilizzati per specificare fotogrammi specifici. Tuttavia, i frame sono stati deprecati in HTML5.

Destinazione predefinita

Se non viene specificato nessun target, il collegamento si aprirà nel contesto corrente, a meno che l’utente o il browser non specifichino diversamente.

un target=”_blank” Aperto in una nuova scheda (o finestra) del browser

L’attributo target specifica dove si aprirà il documento collegato quando si fa clic sul collegamento. L’impostazione predefinita è la finestra corrente. Se target="_blank", il documento collegato si aprirà in una nuova scheda o (su browser meno recenti) in una nuova finestra.

Perché aprire in un nuovo browser?

Il motivo più comune per utilizzare `target=”_blank” è che i collegamenti offsite si aprano in una scheda separata. Ciò consente a un utente di fare clic su un riferimento e tornare ad esso in un secondo momento senza lasciare la pagina corrente. Mantiene i visitatori sul tuo sito più a lungo e migliora la maggior parte delle metriche: frequenza di rimbalzo, conversione, pagine visitate.

Apri tutti i link esterni in una nuova scheda con JavaScript

Non è necessario aggiungere manualmente target="_blank" ad ogni link sul tuo sito. Se colleghi molto (cosa che dovresti fare), è facile aggiungere del codice JavaScript al tuo sito e trasformare automaticamente tutti i link esterni in link _blank.

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

(Puoi vedere una forma leggermente modificata di questo codice in azione su ogni pagina di questo sito web.) Questo trucco richiede jQuery, ma c’è una buona probabilità che lo stai già usando. Viene utilizzato nei framework più popolari e nei sistemi di gestione dei contenuti, tra cui WordPress, Drupal e Twitter Bootstrap. Se hai bisogno di farlo senza jQuery, puoi farlo anche tu. Ecco una versione “plain JavaScript”:

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

Oltre a rendere più facile, questo pulisce notevolmente il markup.

Motivi per non usare ‘target =” _blank ”

Alcune persone sostengono che gli utenti non preferiscono aprire i link in un nuovo contesto di navigazione. Pensano che farlo sia simile agli annunci popup e ad altri comportamenti fastidiosi. Con l’aumento della navigazione a schede, questo argomento è in gran parte andato via. La maggior parte degli utenti preferisce aprire i collegamenti in una nuova scheda, perché permette loro di venire coda link di riferimento per la lettura successiva senza perdere il loro contesto di navigazione corrente.

Adam è uno scrittore tecnico specializzato in documentazione per sviluppatori e tutorial.