web-dev-qa-db-fra.com

HTML5: hyperlien et nouvel onglet

J'ai ce code hyperlien:

<a href="http://www.youtube.com/user/mamgrow"><img style="position:relative; float:right; height:30px; left:-30px;"  alt="mamgrow facebook" src="images/facebook.png"/></a>

Et je veux que ce lien s'ouvre dans un nouvel onglet ...

J'ai essayé de mettre ceci dans:

style="target-new:tab;

Mais ça n'a pas marché. Des idées?

htmlurlhyperlinktabs
19
Ignas Damunskis

Vous pouvez facilement utiliser l'attribut target comme:

<a href="http://www.example.com" target="_blank"><img src="your/image" /></a>

Si votre utilisateur possède un navigateur qui prend en charge les onglets, la page liée s'ouvrira dans un nouvel onglet dans la fenêtre du navigateur actif, si tel est le cas - il s'agit principalement d'une valeur par défaut.
Aujourd'hui, presque tous les navigateurs le prennent en charge. Voir cette liste sur Wikipedia pour des informations détaillées.

Voici une liste des propriétés d'attribut target dans un <a> balise en HTML:

target="_blank" <!-- opens link in a new window -->
target="_self" <!-- opens link in actual window -->
target="_parent"
target="_top" <!-- both handle frames -->

Cette partie de votre code:

style="target-new:tab;

n'a aucun effet, il ne semble pas être pris en charge par tout navigateur moderne.

44
ztirom

La lecture des instructions de w3schools explique que la syntaxe d'ouverture d'un lien dans un nouvel onglet ou une nouvelle fenêtre (en fonction des paramètres du navigateur Web) vous devez ajouter l'attribut

target="_blank"

http://www.w3schools.com/html/html_links.asp

4
Nadrendion

Vous devez utiliser le code suivant pour ouvrir dans une nouvelle fenêtre

<a href="http://www.google.com" target="_blank">...</a>
2
Scott Hulme

Développer la réponse de @ ztirom ...

Mozilla Developer Network dit:

cible

Spécifie où afficher l'URL liée. Il s'agit du nom ou du mot-clé d'un contexte de navigation: un onglet, une fenêtre ou <iframe>. Les mots-clés suivants ont des significations spéciales:

  • _self: charge l'URL dans le même contexte de navigation que l'actuel. Ceci est le comportement par défaut.

  • _blank: charge l'URL dans un nouveau contexte de navigation. Il s'agit généralement d'un onglet, mais les utilisateurs peuvent configurer des navigateurs pour utiliser à la place de nouvelles fenêtres.

  • _parent: charge l'URL dans le contexte de navigation parent de l'actuel. S'il n'y a pas de parent, cela se comporte de la même manière que _self.

  • _top: charge l'URL dans le contexte de navigation de niveau supérieur (c'est-à-dire le contexte de navigation "le plus élevé" qui est un ancêtre de l'actuel et n'a pas de parent). S'il n'y a pas de contexte de navigation parent, cela se comporte de la même manière que _self.

Remarque: Lorsque vous utilisez target, pensez à ajouter rel = "noopener noreferrer" pour éviter l'exploitation de l'API window.opener.

0
kevinarpe