Ceci est une ligne pour un lien hypertexte en HTML:
<a href="http://www.starfall.com/">Starfall</a>
Ainsi, si je clique sur "Starfall", mon navigateur - j'utilise FireFox - m'amènera à cette nouvelle page et le contenu de ma fenêtre changera. Je me demande, comment puis-je 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, existe-t-il un moyen d'ouvrir la page demandée dans un autre onglet (pas une autre fenêtre) de mon navigateur?
Le moyen le plus simple est d'ajouter une balise cible.
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.
la source
utilisation
target="_blank"
<a target='_blank' href="http://www.starfall.com/">Starfall</a>
la source
Vous devriez pouvoir ajouter
comme
la source
L'
target
attribut est votre meilleur moyen d'y parvenir.l'ouvrira dans un nouvel onglet ou une nouvelle fenêtre. Quant à cela, cela dépend des paramètres des utilisateurs.
est la valeur par défaut. Cela rend la page ouverte dans le même onglet (ou iframe, si c'est ce à quoi vous avez affaire).
Les deux suivants ne sont bons que si vous avez affaire à une iframe.
ouvrira le lien dans l'iframe dans lequel se trouvait l'iframe contenant le lien.
ouvrira le lien dans l'onglet, quel que soit le nombre d'iframes à parcourir.
la source
la cible = _blank est ouverte 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 sur les trois parties sont nécessaires. url, un nom, la largeur et la hauteur de la fenêtre ou il s'ouvrira simplement dans un nouvel onglet.
la source
Vous pouvez également accomplir cela en ajoutant ce qui suit à l'en-tête de votre page:
Cela ouvrira TOUS les liens de votre page dans un nouvel onglet
la source
Puisque le Web évolue rapidement, certaines choses changent avec le temps. Pour des problèmes de sécurité, vous souhaiterez peut-être utiliser l'
rel="noopener"
attribut en conjonction avec votretarget="_blank"
.Comme indiqué dans la documentation Google Dev , l'autre page peut accéder à votre objet de fenêtre avec l'extension
window.opener property
. Votre lien externe devrait ressembler à ceci maintenant:la source
<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>
ces jours-ci, il semble être la meilleure pratique d'avoir les deuxexemple ci-dessous avec des
target="_blank"
travaux pour Safari et MozillaUtilisation de
target="new"
travaillé pour Chromela source