Comment ouvrir le lien dans le nouvel onglet html?

je travaille sur un projet HTML, et je ne peux pas savoir comment ouvrir un lien dans un nouvel onglet sans javascript.

je sais déjà que <a href="http://www.WEBSITE_NAME.com"></a> ouvre le lien dans le même onglet. Vous avez une idée pour l'ouvrir dans un nouveau?

291
demandé sur Rizvan 2013-07-18 02:09:51
la source

12 ответов

définit l'attribut "target" du lien vers _blank :

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

Modifier: pour d'autres exemples, voir ici: http://www.w3schools.com/tags/att_a_target.asp

(Note: j'ai déjà suggéré blank au lieu de _blank parce que, si utilisé, il ouvrira un nouvel onglet et puis utiliser le même onglet si le lien est cliqué à nouveau. Cependant, ce n'est que parce que, comme GolezTrol l'a souligné, il se réfère au nom a d'un /cadre de fenêtre, ce qui serait définie et utilisée lorsque le lien est pressé de nouveau pour l'ouvrir dans le même onglet).

469
répondu SharkofMirkwood 2013-07-18 02:19:26
la source

utilisez l'un de ceux-ci selon vos exigences.

ouvrir le document lié dans une nouvelle fenêtre ou dans un nouvel onglet:

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

Ouvrir le document lié dans le même cadre qu'il a été cliqué (c'est par défaut):

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

ouvrir le document lié dans le cadre parent:

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

Ouvrir le document lié dans le corps de la fenêtre:

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

ouvrir le document lié dans un cadre nommé:

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

voir MDN

74
répondu Learner Always 2016-08-15 11:51:17
la source

Si vous souhaitez faire la commande une fois pour l'ensemble de votre site, au lieu d'avoir à le faire après chaque lien. Essayer cet endroit dans la tête de votre site web et bingo.

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

espérons que cette aide

16
répondu Cyberquill 2015-11-05 16:29:40
la source

utiliser target="_blank" :

<a href="http://www.example.com/" target="_blank">This will open in a new window!</a>
11
répondu Evan Hahn 2013-07-18 02:11:40
la source

target='_blank' si vous n'utilisez pas XHTML.

8
répondu PHPglue 2013-07-18 02:11:17
la source

utilisez l'attribut "cible" de la balise a et assignez-le à _blank. C'est-à-dire:

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a>
7
répondu Chris Raplee 2013-07-18 02:13:26
la source

quand utiliser target='_blank' :

La version HTML (Certains appareils ne supportent):

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

la version JavaScript pour tous les appareils :

l'utilisation de rel = "externe" est parfaitement valide

<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>

et pour Jquery peut essayer avec le ci-dessous:

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

si le réglage du navigateur ne vous permet pas d'ouvrir de nouvelles fenêtres :

href = "google.com";
onclick="window.open (this.href, ''); return false";
5
répondu Kaleem Ullah 2015-11-17 13:39:24
la source
L'attribut

target="_blank" fera l'affaire. N'oubliez pas d'ajouter rel="noopener noreferrer" pour résoudre la vulnérabilité potentielle. Pour en savoir plus: https://dev.to/ben/the-targetblank-vulnerability-by-example

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>
3
répondu Vadym P 2018-06-22 10:58:34
la source

target="_blank" = toujours nouvel onglet pour chaque clic cible= "tabName" = nouvel onglet, mais la même chose pour chaque clic.

2
répondu flap13 2014-03-23 16:43:16
la source

Vous pouvez utiliser <a href='url' target="_blank">name</a>

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

2
répondu Hackbal Teamz 2015-06-20 14:57:04
la source

s'ouvre par défaut dans le même onglet:

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

S'ouvre dans un nouvel onglet:

<a href="https://www.google.com/" target="_blank">Google.com </a>
2
répondu Colleen Purcell 2017-03-10 22:12:37
la source

vous pouvez utiliser <a href="#" target="_blank">Your Text</a> Espérons qu'il a aidé. Grâce.

1
répondu herrobaba 2015-06-17 20:11:35
la source

Autres questions sur html anchor hyperlink browser-tab