Come rendere HTML aprire un collegamento ipertestuale in un'altra finestra o scheda?

StackOverflow https://stackoverflow.com/questions/2343927

  •  23-09-2019
  •  | 
  •  

Domanda

Questa è una linea per un collegamento ipertestuale in HTML:

<a href="http://www.starfall.com/">Starfall</a>

Quindi, se clicco su "Starfall" il mio browser - sto usando Firefox - mi porterà a quella nuova pagina e il contenuto della mia finestra cambieranno. Mi chiedo, come posso fare questo in HTML in modo che la nuova pagina si apre in una nuova finestra invece di cambiare quella precedente? Esiste un modo in HTML?

E se sì, c'è un modo per aprire la pagina richiesta in un'altra scheda (non un'altra finestra) del mio browser?

È stato utile?

Soluzione

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

Sia che si apre in una scheda o una nuova finestra è però fino al modo in cui un utente ha configurato il suo browser.

Altri suggerimenti

Il modo più semplice è quello di aggiungere un tag di destinazione.

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

Con un valore diverso per l'attributo di destinazione per ogni link, se si desidera loro di aprire in diverse schede, lo stesso valore per l'attributo di destinazione, se si vuole loro di sostituire gli altri.

uso target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>

Si dovrebbe essere in grado di aggiungere

target="_blank"

come

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

L'attributo target è il tuo modo migliore di fare questo.

<a href="http://www.starfall.com" target="_blank">

si aprirà in una nuova scheda o finestra. Come per il quale, dipende dalle impostazioni degli utenti.

<a href="http://www.starfall.com" target="_self">

è l'impostazione predefinita. Rende la pagina aperta nella stessa scheda (o iframe, se è questo che hai a che fare con).
I prossimi due sono solo un bene se hai a che fare con un iframe.

<a href="http://www.starfall.com" target="_parent">

si aprirà il link nella iframe che l'iframe che ha avuto il collegamento era in.

<a href="http://www.starfall.com" target="_top">

si aprirà il link nella scheda, non importa quante iframe esso deve passare attraverso.

il target = _blank è si apre in una nuova scheda o finestra sulla base di impostazioni del browser.

Per forzare una nuova finestra di utilizzo javascript onclick sono necessarie tutte e tre le parti. URL, un nome, e la finestra di larghezza e le dimensioni altezza o sarà solo aperto in una nuova scheda.

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

È inoltre possibile ottenere questo risultato aggiungendo la seguente al colpo di testa di pagina:

<base target="_blank">

Questo renderà tutti i link sulla pagina aperta in una nuova scheda

seguito ad esempio con opere target="_blank" per Safari e Mozilla

<a href="http://www.starfall.com" `target="_blank"`>

Uso target="new"worked per Chrome

<a href="http://www.starfall.com" `target="new"`>

Dal web si sta evolvendo rapidamente, alcune cose cambiano con il tempo. Per questioni di sicurezza, si potrebbe desiderare di utilizzare l'attributo rel="noopener" in congiuntura con il tuo target="_blank".

Come indicato nel Google Dev Documentazione , l'altra pagina accedere al tuo oggetto finestra con il window.opener property. Il tuo link esterno dovrebbe apparire in questo modo ora:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top