Frames deprecato; usa solo _blank
L’unico valore attualmente rilevante di target_blank. Gli altri valori di target sono stati utilizzati per specificare specifici frame. Tuttavia, i frame sono stati deprecati in HTML5.
Default target
Se nessun target è specificato, il link si aprirà nel contesto corrente, a meno che l’utente o il browser non specifichi diversamente.
a target=”_blank” Open in New Browser Tab (or Window)
L’attributo target specifica dove si aprirà il documento collegato quando si clicca sul link. L’impostazione predefinita è la finestra corrente. Se target="_blank", il documento collegato si aprirà in una nuova scheda o (sui vecchi browser) in una nuova finestra.
Perché aprire in un nuovo browser?
La ragione più comune per usare `target=”_blank” è che i link offsite si aprano in una scheda separata. Questo permette all’utente di cliccare su un riferimento e ritornarci più tardi senza lasciare la pagina corrente. Mantiene i visitatori sul tuo sito più a lungo e migliora la maggior parte delle tue metriche: frequenza di rimbalzo, conversione, pagine visitate.
Aprire tutti i link esterni in una nuova scheda con JavaScript
Non è necessario aggiungere manualmente target="_blank" ad ogni link sul tuo sito. Se vi collegate molto (cosa che dovreste fare), è facile aggiungere del codice JavaScript al vostro sito e trasformare tutti i link esterni in link _blank automaticamente.
jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank'); (Potete vedere una forma leggermente modificata di questo codice in azione su ogni pagina di questo sito). Questo trucco richiede jQuery, ma c’è una buona probabilità che lo stiate già usando. È usato nei più popolari framework e sistemi di gestione dei contenuti, tra cui WordPress, Drupal e Twitter Bootstrap. Se avete bisogno di farlo senza jQuery, si può fare anche questo. 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 renderlo più facile, questo pulisce notevolmente il vostro markup.
Ragioni 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 scomparso. La maggior parte degli utenti preferisce aprire i link in una nuova scheda, perché permette loro di venire in coda ai link di riferimento per una lettura successiva senza perdere il loro contesto di navigazione attuale.
Valori dell’attributo di destinazione
| Nome del valore | Note | |
|---|---|---|
| _blank | Apre il documento collegato in una nuova scheda o finestra. | |
| _parent | Apre il collegamento nel frame padre. I frame sono deprecati in HTML5. | |
| _self | Apre il collegamento nel frame corrente. | |
| _top | Apre il collegamento nel frame più alto. I frame sono deprecati in HTML5. | |
| nome del frame | Apre il collegamento nel frame nominato. I frame sono deprecati in HTML5. |
Tutti gli attributi dell’elemento ancora
| Nome dell’attributo | Valori | Note | |
|---|---|---|---|
| hreflang | Specifica la lingua della risorsa collegata. | ||
| download | Direziona il browser a scaricare la risorsa collegata piuttosto che aprirla. | ||
| target | _blank _parent _self _top frame name |
Specifica il contesto in cui la risorsa collegata verrà aperta. | |
| titolo | testo | Definisce il titolo di un collegamento, che appare all’utente come un tooltip. | |
| href | url | Specifica il documento, la risorsa o la posizione collegata. | |
| nome |
