2013-07-17 24 views
243

Sto lavorando su un progetto HTML e non riesco a scoprire come aprire un collegamento in una nuova scheda senza javascript.Come si apre il link in una nuova scheda su html?

So già che <a href="http://www.WEBSITE_NAME.com"></a> apre il collegamento nella stessa scheda. Qualche idea su come aprirla in una nuova?

+1

possibile duplicato di [Come posso aprire un link in una nuova scheda (e non nuova finestra)?] (Http://stackoverflow.com/questions/6296013/how-can-i-open-a-link-in-new-tab-and-not-new-window) – Wex

+25

uso '' ...

+1

Eventuali duplicati di [Apri link in una nuova scheda ] (http://stackoverflow.com/questions/15551779/open-link-in-new-tab) – Sufian

risposta

412

Impostare l'attributo 'bersaglio' del collegamento a _blank:

<a href="#" target="_blank">Link</a> 

Edit: per altri esempi, vedere qui: http://www.w3schools.com/tags/att_a_target.asp

(Nota: ho già suggerito blank invece di _blank perché, se usato, aprirà una nuova scheda e quindi userà la stessa scheda se il link viene cliccato di nuovo, ma questo è solo perché, come ha sottolineato GolezTrol, si riferisce al nome a di una cornice/finestra, che verrebbe impostata e usato quando il link viene premuto di nuovo per aprirlo nella stessa scheda).

+10

Gli obiettivi speciali tutti iniziano con un carattere di sottolineatura. 'blank' sarebbe il nome di un frame o di una finestra. Potrebbe sembrare che funzioni, perché probabilmente una nuova finestra o scheda verrà aperta quando nessuno esiste con il nome 'vuoto', ma un secondo clic sul link dovrebbe aprire nuovamente la pagina in quella stessa scheda invece di aprirne un'altra. – GolezTrol

+1

Beh, immagino che non sia invalido, è solo diverso. Invece di 'blank' si potrebbe anche usare' foo', penso, mentre '_blank' ha in realtà un significato speciale. Non riesco a trovare alcuna informazione per dimostrare il contrario. Puoi? – GolezTrol

+0

Quindi, se si desidera che due o più link su una pagina per ogni aperto nella propria nuova scheda separata, allora non dovrebbe usare '_blank' per tali collegamenti, perché allora saranno tutti aperti nella stessa nuova scheda. – Stefan

7

target='_blank' se non si utilizza XHTML.

10

Uso target="_blank":

<a href="http://www.example.com/" target="_blank">This will open in a new window!</a> 
6

utilizzare l'attributo "target" del tag e assegnarlo a _blank. Cioè:

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a> 
1

target = "_ blank" = sempre nuova scheda per ogni click target = "tabname" = nuova scheda, ma lo stesso per ogni clic.

68

Utilizzare uno di questi secondo le proprie esigenze.

Aprire il documento collegato in una nuova finestra o scheda:

<a href="xyz.html" target="_blank"> Link </a> 

Aprire il documento collegato nello stesso frame come è stato cliccato (questa è l'impostazione predefinita):

<a href="xyz.html" target="_self"> Link </a> 

Aprire il legato documento nel frame principale:

<a href="xyz.html" target="_parent"> Link </a> 

Aprire il documento collegato nel pieno corpo del wi Ndow:

<a href="xyz.html" target="_top"> Link </a> 

Aprire il documento collegato in una cornice di nome:

<a href="xyz.html" target="framename"> Link </a> 

See MDN

+0

Grazie per l'informazione. Come si apre il link in una nuova scheda quando si fa clic? –

+0

Usa il codice in html, come sopra condiviso. La maggior parte dei nuovi browser apre i collegamenti in una nuova scheda per impostazione predefinita quando si utilizza target = "_ blank" –

1

È possibile utilizzare <a href="#" target="_blank">Your Text</a> Speranza ha aiutato. Grazie.

+0

Questa è solo una ripetizione di [questa risposta esistente] (https://stackoverflow.com/a/17711167). – Pang

2

È possibile utilizzare <a href='url' target="_blank">name</a>

Esempio <a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>

15

Se si desidera effettuare il comando una volta per l'intero sito, invece di doverlo fare dopo ogni collegamento. Prova questo posto nella testa del tuo sito web e del bingo.

<head> 
<title>your text</title> 
<base target="_blank"> 
</head> 

speranza che questo aiuta

5

Quando utilizzare target='_blank':

La versione HTML (alcuni dispositivi non supportano):

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a> 

La versione JavaScript per tutti i dispositivi:

L'uso di rel = "esterno" è perfettamente valido

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('a[rel="external"]').attr('target', '_blank'); 
</script> 

e per Jquery può provare con il sotto di un:

$("#content a[href^='http://']").attr("target","_blank"); 

Se l'impostazione del browser non consentono di per aprire in nuove finestre:

href = "google.com"; 
onclick="window.open (this.href, ''); return false"; 
2

predefinito si apre nella stessa scheda:

<a href="https://www.google.com/">Google.com </a> 

Apre in una nuova scheda:

<a href="https://www.google.com/" target="_blank">Google.com </a> 
Problemi correlati