Comment faire pour que HTML ouvre un hyperlien dans une autre fenêtre ou un autre onglet?
Ceci est une ligne pour un lien hypertexte en HTML:
<a href="http://www.starfall.com/">Starfall</a>
Ainsi, si je clique sur "Météo", mon navigateur - j'utilise FireFox - me conduira à cette nouvelle page et le contenu de ma fenêtre changera. Je me demande comment faire cela en HTML pour que la nouvelle page soit ouverte dans une nouvelle fenêtre au lieu de changer la précédente. Existe-t-il un tel moyen en HTML?
Et si oui, est-il possible d'ouvrir la page demandée dans un autre onglet (pas une autre fenêtre) de mon navigateur?
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
Qu'il s'ouvre dans un onglet ou dans une autre fenêtre dépend de la manière dont un utilisateur a configuré son navigateur.
Le moyen le plus simple consiste à ajouter une balise cible.
<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
Utilisez une valeur différente pour l'attribut cible pour chaque lien si vous souhaitez qu'ils s'ouvrent dans différents onglets, la même valeur pour l'attribut cible si vous souhaitez qu'ils remplacent les autres.
Vous devriez pouvoir ajouter
target="_blank"
comme
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
utiliser target="_blank"
<a target='_blank' href="http://www.starfall.com/">Starfall</a>
L'attribut target est votre meilleur moyen de le faire.
<a href="http://www.starfall.com" target="_blank">
l'ouvrira dans un nouvel onglet ou une nouvelle fenêtre. Pour ce qui est, cela dépend des paramètres de l'utilisateur.
<a href="http://www.starfall.com" target="_self">
est par défaut. La page est ouverte dans le même onglet (ou iframe, si c'est ce dont vous avez affaire).
Les deux suivants ne sont utiles que si vous avez affaire à un iframe.
<a href="http://www.starfall.com" target="_parent">
ouvrira le lien dans l'iframe dans lequel se trouvait l'iframe contenant le lien.
<a href="http://www.starfall.com" target="_top">
ouvrira le lien dans l'onglet, peu importe le nombre d'iframes à traverser.
la cible = _blank s’ouvrira dans un nouvel onglet ou une nouvelle fenêtre en fonction des paramètres du navigateur.
Pour forcer une nouvelle fenêtre, utilisez javascript en cliquant deux fois. url, un nom, la largeur et la hauteur de la fenêtre, ou la taille s’ouvrira dans un nouvel onglet
<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
Vous pouvez également accomplir cela en ajoutant ce qui suit à l'en-tête de votre page:
<base target="_blank">
Tous les liens de votre page seront ouverts dans un nouvel onglet.
Pour ouvrir un lien dans une nouvelle fenêtre, il vous suffit d'ajouter l'attribut target="_blank" à votre lien d'ancrage, comme ceci:
<a href="https://www.w3docs.com/" target="_blank">W3docs</a>
Il existe un autre moyen d'ouvrir un lien hypertexte dans un nouvel onglet en utilisant la fonction JavaScript window.open avec l'attribut d'événement onclick. Suivez link de W3docs pour l'essayer vous-même.
exemple ci-dessous avec target="_blank" fonctionne pour Safari et Mozilla
<a href="http://www.starfall.com" `target="_blank"`>
Utilisation de target="new"worked pour Chrome
<a href="http://www.starfall.com" `target="new"`>
Comme le Web évolue rapidement, certaines choses changent avec le temps. Pour les problèmes de sécurité, vous pouvez utiliser l'attribut rel="noopener" en conjonction avec votre target="_blank".
Comme indiqué dans Documentation Google Dev , l’autre page peut accéder à votre objet window avec le window.opener property. Votre lien externe devrait ressembler à ceci maintenant:
<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>