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?
12 réponses
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).
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>
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
utiliser target="_blank"
:
<a href="http://www.example.com/" target="_blank">This will open in a new window!</a>
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>
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";
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>
target="_blank" = toujours nouvel onglet pour chaque clic cible= "tabName" = nouvel onglet, mais la même chose pour chaque clic.
Vous pouvez utiliser
<a href='url' target="_blank">name</a>
exemple
<a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>
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>
vous pouvez utiliser <a href="#" target="_blank">Your Text</a>
Espérons qu'il a aidé.
Grâce.