Je travaille sur un projet HTML, et je n’arrive pas à trouver 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. Une idée sur la façon de l'ouvrir dans un nouvel onglet ?
Définissez l'attribut 'target' ; du lien à _blank
:
<a href="#" target="_blank" rel="noopener noreferrer">Link</a>
Edit : pour d'autres exemples, voir ici : http://www.w3schools.com/tags/att_a_target.asp
(Note : J'ai précédemment suggéré blank
au lieu de _blank
car, s'il est utilisé, il ouvrira un nouvel onglet et utilisera ensuite le même onglet si le lien est cliqué à nouveau. Cependant, c'est seulement parce que, comme GolezTrol l'a fait remarquer, il se réfère au nom a d'un cadre/fenêtre, qui serait défini et utilisé lorsque le lien est cliqué à nouveau pour l'ouvrir dans le même onglet).
Considération de sécurité!
La balise rel="noopener noreferrer"
est destinée à empêcher le nouvel onglet ouvert de pouvoir modifier l'onglet d'origine de manière malveillante.
Pour plus d'informations sur cette vulnérabilité, voir ces ressources :
Utilisez l'un d'entre eux en fonction de vos besoins.
Ouvrez le document lié dans une nouvelle fenêtre ou un nouvel onglet :
<a href="xyz.html" target="_blank"> Link </a>
Ouvrir le document lié dans le même cadre que celui dans lequel il a été cliqué (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 complet 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][1]
[1] : https://developer.mozilla.org/en/docs/Web/HTML/Element/a