1271 votes

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

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

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

38 votes

Pourquoi cette question sur le langage HTML est-elle considérée comme un doublon d'une question sur le langage JavaScript ?

13 votes

Lorsque vous utilisez target="_blank", soyez conscient des attaques possibles par tabnabbing ! Voir aussi : danielstjules.github.io/blankshield (Pour éviter cela, ajoutez rel="noopener" vers les liens)

3 votes

Il ne s'agit pas d'un doublon.

2278voto

Nathan Points 2600

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

Par exemple :

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

Ajout rel="noopener noreferrer" n'est pas obligatoire, mais c'est une mesure de sécurité recommandée. Vous trouverez plus d'informations dans les liens ci-dessous.

Source :

0 votes

S'ouvre dans une nouvelle fenêtre, pas dans un nouvel onglet. Édition : je viens d'essayer. Apparemment, ce n'est pas vrai. Je me demande alors quelle est la différence avec _tab

6 votes

Il n'y a pas de _tab... il y a _new et _blank

6 votes

Pas de nouveauté non plus selon w3schools : w3schools.com/tags/att_a_target.asp

219voto

gotson Points 1038

Ce n'est pas à vous de décider si le lien doit s'ouvrir dans un nouvel onglet ou dans une nouvelle fenêtre, puisque ce choix relève en fin de compte des paramètres du navigateur de l'utilisateur. Certaines personnes aiment les onglets, d'autres les nouvelles fenêtres.

Utilisation _blank indiquera au navigateur d'utiliser un nouvel onglet ou une nouvelle fenêtre, en fonction de la configuration du navigateur de l'utilisateur et de la façon dont il clique sur le lien (par exemple, clic moyen, Ctrl +clic, ou clic normal).

En outre, certains navigateurs n'ont pas de fonction de tabulation et ne peut donc pas ouvrir un lien dans un nouvel onglet, mais seulement dans une nouvelle fenêtre.

11 votes

Je suis entièrement d'accord avec le fait de retirer la décision à l'utilisateur ou au navigateur. L'utilisateur aura une préférence à laquelle il est habitué et cela lui enlève le droit à sa préférence. Cela dit, il y a des cas où c'est nécessaire. (dialogues d'impression, etc.)

6 votes

Bien que je pense que cela soit vrai dans de nombreux cas, pour les utilisateurs moins techniques, je pense (à mon avis) que ce n'est tout simplement pas vrai. Certains utilisateurs peuvent avoir besoin de cette aide, sinon ils risquent de ne pas savoir comment revenir à une page qu'ils voulaient laisser ouverte. Mes deux cents pour essayer de mettre un peu plus de perspective d'expérience utilisateur sur les choses.

7 votes

Je suis d'accord avec le "ne devrait pas" pour les sites web, mais n'oubliez pas que tout le HTML n'est pas écrit pour les sites web. Je pensais à quelque chose pour une application web interne où il serait agréable de faire en sorte que certains liens s'ouvrent dans de nouveaux onglets sans apprendre à tout le monde au bureau comment faire ctrl+clic.

54voto

Toon Casteele Points 743

Fixer le target de votre <a> à l'élément "_tab"

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

EDIT2 : D'après ce que j'ai compris des commentaires, le fait de mettre la cible à _blank vous amènera dans un nouvel onglet ou une nouvelle fenêtre (selon les paramètres de votre navigateur). Taper n'importe quoi sauf l'une des options ci-dessous créera un nouveau groupe d'onglets (je ne suis pas sûr de la façon dont ils fonctionnent) :

_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

1 votes

Vous voulez dire _blank ou _new...d'après ce que je sais il n'y a pas de _tab

0 votes

Lol Je viens d'essayer et ça a marché. Je me demande pourquoi...

11 votes

W3Schools n'est PAS le W3C. Voir le site w3fools.com

40voto

Ehsan Points 548

Pour ce faire, il suffit de définir target="_blank" , w3schools a un exemple .

0 votes

Simple et pertinent, merci

0 votes

Attention, même si l'ajout de rel="noopener noreferrer" est facultatif, il pose des problèmes de sécurité. Copiez simplement la réponse acceptée ou lisez les liens mentionnés pour savoir pourquoi c'est nécessaire.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X