html - tag - target="_ blank" vs. target="_ new"




html wikipedia (8)

Qual è la differenza tra <a target="_new"> e <a target="_blank"> e che dovrei usare se voglio solo aprire un link in una nuova scheda / finestra?


Usa "_blank"

Secondo la specifica HTML5 :

Un nome di contesto di esplorazione valido è qualsiasi stringa con almeno un carattere che non inizia con un carattere U + 005F LOW LINE. (I nomi che iniziano con un carattere di sottolineatura sono riservati per parole chiave speciali).

Un nome di contesto di esplorazione valido o una parola chiave è qualsiasi stringa che sia un nome di contesto di esplorazione valido o che sia una corrispondenza senza distinzione tra maiuscole e minuscole per uno: _blank, _self, _parent o _top. "- Source

Ciò significa che non esiste una parola chiave come _new in HTML5 e non in HTML4 (e di conseguenza XHTML) . Ciò significa che non ci sarà alcun comportamento coerente se lo si utilizza come valore per l'attributo target.

Raccomandazione di sicurezza

Come Daniel e Michael hanno sottolineato nei commenti, quando si utilizza il target _blank punta a un sito Web non attendibile, è necessario, inoltre, impostare rel="noopener" . Questo impedisce al sito di apertura di pasticciare con l'apertura tramite JavaScript. Vedi questo post per ulteriori informazioni.


Attenzione - ricorda di includere sempre le "virgolette" - almeno su Chrome, target=_blank (senza virgolette) NON È LO STESSO come target="_blank" (con virgolette).

Quest'ultimo apre ogni link in una nuova scheda / finestra. Il primo (virgolette mancanti) apre il primo collegamento che si fa clic in una nuova scheda / finestra, quindi sovrascrive quella stessa scheda / finestra con ogni collegamento successivo che si fa clic (che viene chiamato anche con le virgolette mancanti).


L'uso di _New è utile quando si lavora su pagine Iframed. Poiché target = "_ blank" non fa il trucco e apre la pagina sullo stesso iframe ... target new è la soluzione migliore per Iframe Pages. Solo i miei cinque centesimi.


Per aprire un link in una nuova scheda / finestra utilizzerai <a target="_blank"> .

valore _blank = contesto di navigazione mirato: uno nuovo: scheda o finestra a seconda delle impostazioni di navigazione

valore _new = non valido; nessun valore in HTML5 per l'attributo target su un elemento

attributo target con tutti i suoi valori su un elemento: demo video


So che questa è una vecchia domanda e la risposta corretta, usare _blank , è stata citata diverse volte, ma l'utilizzo di <a target="somesite.com" target=_blank>Link</a> è un rischio per la sicurezza .

Si raccomanda ( prestazioni vantaggiose ) di utilizzare <a href="somesite.com" target="_blank" rel="noopener noreferrer">Link</a>


Utilizzando target="_blank" istruirai il browser a creare una nuova scheda o finestra del browser quando l'utente fa clic sul link.

L'utilizzo di target="_new" è tecnicamente valido secondo le specifiche, ma per quanto ne so, ogni browser si comporterà allo stesso modo:

  • cercherà una scheda o una finestra con il nome del contesto "_new"
  • se viene trovata una scheda / finestra "_new", allora l'URL viene caricato in esso
  • se non viene trovato, viene creata una nuova scheda / finestra con il nome di contesto "_new" e l'URL caricato in essa

Nota target="_new" si comporterà esattamente come target="new" , mentre il secondo è HTML valido mentre il precedente HTML non valido.

Aggiungendo un po 'di confusione a questo, in HTML4 l'attributo target stato deprecato. In HTML5 questa decisione è stata annullata ed è di nuovo una parte ufficiale delle specifiche. Tutti i browser supportano la target indipendentemente dalla versione di HTML che stai usando, ma alcuni validatori ne contrassegneranno l'uso come deprecato se il tuo doctype è HTML4.


target="_blank" apre una nuova scheda nella maggior parte dei browser.


TL; DR
USA _blank

L'attributo target specifica dove aprire il documento collegato.

USAGE: target="xyz"  [don't forget double quotes]

_blank  Opens the linked document in a new window or tab
_self   Opens the linked document in the same frame as it was clicked (this is default)
_parent     Opens the linked document in the parent frame
_top    Opens the linked document in the full body of the window 
framename   Opens the linked document in a named frame

POICHÉ "_new" non è uno di questi ESSO VERRÀ SOTTO "nome quadro", quindi se un utente fa nuovamente clic su quel collegamento ipertestuale non aprirà una nuova scheda, ma aggiornerà la scheda esistente. Mentre in _blank se l'utente fa clic due volte, si aprono due nuove schede.







html