web-dev-qa-db-fra.com

Ouvrir le lien dans un nouvel onglet ou une nouvelle fenêtre

Est-il possible d'ouvrir un lien a href dans un nouvel onglet au lieu du même?

<a href="http://your_url_here.html">Link</a>
982
Rene

Vous devez ajouter les target="_blank" et rel="noopener noreferrer" dans la balise d'ancrage.

Par exemple:

<a target="_blank" rel="noopener noreferrer" href="http://your_url_here.html">Link</a>

L'ajout de rel = "noopener noreferrer" n'est pas obligatoire, mais il s'agit d'une mesure de sécurité recommandée. Plus d'informations peuvent être trouvées dans les liens ci-dessous.

La source:

1771
Nathan

Ce n'est pas à vous de décider si le lien doit s'ouvrir dans un nouvel onglet ou une nouvelle fenêtre, car ce choix doit être effectué à l'aide des paramètres du navigateur de l'utilisateur. Certaines personnes aiment les onglets; certains comme de nouvelles fenêtres.

Utiliser _blank indiquera au navigateur d’utiliser un nouvel onglet/fenêtre, en fonction de la configuration du navigateur de l’utilisateur et de la manière dont il clique sur le lien (par exemple, clic du milieu, Ctrl+ clic, ou clic normal).

208
Gauthier

définir l'attribut target de votre élément <a> sur "_tab"

EDIT: Cela fonctionne, mais W3Schools dit qu’il n’existe pas d’attribut cible: http://www.w3schools.com/tags/att_a_target.asp

EDIT2: D'après ce que j'ai découvert grâce aux commentaires. Si vous définissez target sur _blank, vous accédez à un nouvel onglet ou une nouvelle fenêtre (en fonction des paramètres de votre navigateur). Taper n'importe quoi sauf un des éléments ci-dessous créera un nouveau groupe d'onglets (je ne suis pas sûr de savoir comment cela fonctionne):

_blank  Opens the linked document in a new window or tab
_self   Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top    Opens the linked document in the full body of the window
framename   Opens the linked document in a named frame
44
Toon Casteele

Vous pouvez simplement faire cela en définissant target="_blank", w3schools a n exemple .

33
Ehsan