Comment ouvrir un lien dans un nouvel onglet sur le code html?

Je suis en train de travailler sur un projet HTML, et je ne trouve pas comment ouvrir un lien dans un nouvel onglet sans javascript.

Je sais déjà que <a href="http://www.WEBSITE_NAME.com"></a> ouvre le lien dans le même onglet. Toutes les idées sur la façon de faire ouvrir dans une nouvelle?

  • utilisation <a href="url" target="_blank">...</a>
  • Comme Rohit dit, ajouter le paramètre target="_blank" toutefois, sur FireFox, au moins, si vous faites deux traits de soulignement target="__blank" ouvrir dans un nouvel onglet, mais en cliquant sur d'autres liens à l'aide de la même trait de soulignement double, ouvre de nouvelles pages dans la précédente nouvel onglet, ce qui signifie que vous seulement ont un onglet supplémentaire est ouverte.
InformationsquelleAutor ZenthyxProgramming | 2013-07-17
  1. 545

    Définir la "cible" de l'attribut de lien à _blank:

    <a href="#" target="_blank" rel="noopener noreferrer">Link</a>

    Edit: pour d'autres exemples, voir ici: http://www.w3schools.com/tags/att_a_target.asp

    (Note: je l'ai déjà suggéré blank au lieu de _blank parce que, si on l'utilise, il va ouvrir un nouvel onglet et ensuite utiliser le même onglet, si le lien est cliqué à nouveau. Toutefois, c'est seulement parce que, comme GolezTrol l'a souligné, il fait référence au nom d'un d'un cadre/fenêtre, ce qui serait définie et utilisée lorsque le lien est pressé de nouveau pour l'ouvrir dans le même onglet).

    Considération De La Sécurité Des!

    La est d'empêcher l'onglet nouvellement ouvert de pouvoir modifier l'onglet d'origine à des fins malveillantes.
    Pour plus d'informations sur cette vulnérabilité, voir les ressources suivantes:

    • Les objectifs spécifiques commencent tous par un trait de soulignement. blank serait le nom d'un cadre ou d'une fenêtre. Il peut sembler à travailler, car une nouvelle fenêtre ou onglet sera probablement ouvert lorsqu'il n'en existe aucun avec le nom "blanc", mais un second clic sur le lien doit s'ouvrir la page dans le même onglet, de nouveau, au lieu d'ouvrir un autre encore.
    • Eh bien, je suppose que ce n'est pas invalide, c'est juste différent. Au lieu de blank vous pourriez tout aussi bien utiliser foo, je pense que, tout en _blank en fait a une signification particulière. Je ne peux pas trouver toutes les informations à prouver le contraire. Pouvez-vous?
    • Donc, si vous voulez deux ou plusieurs liens sur une page pour chaque ouvert dans sa propre nouvel onglet séparé, alors vous ne devriez pas utiliser _blank pour ces liens, parce qu'alors ils seront tous ouverts dans la même nouvel onglet.
    • Non, _blank sera belle; les liens de chaque ouvrir dans un onglet différent. Si vous spécifiez un nom sans le caractère de soulignement (par exemple blank) les liens s'ouvre dans le même onglet.
    • Je m'excuse - vous sont effectivement correcte. Je n'ai pas compris.
    • Un conseil: soyez conscient de la vulnérabilité des _blank. Plus d'infos medium.com/@jitbit/...
    • Une autre page avec la vulnérabilité mathiasbynens.github.io/rel-noopener qui est un exemple en lui-même.

    InformationsquelleAutor SharkofMirkwood
  2. 92

    Utiliser l'un de ces selon vos exigences.

    Ouvrir le document lié dans une nouvelle fenêtre ou onglet:

     <a href="xyz.html" target="_blank"> Link </a>

    Ouvrir le document lié dans le même cadre qu'il a été cliqué (c'est par défaut):

     <a href="xyz.html" target="_self"> Link </a>

    Ouvrir le document lié dans le cadre parent:

     <a href="xyz.html" target="_parent"> Link </a>

    Ouvrir le document lié dans le corps de la fenêtre:

     <a href="xyz.html" target="_top"> Link </a>

    Ouvrir le document lié dans un cadre nommé:

     <a href="xyz.html" target="framename"> Link </a>

    Voir MDN

    • Merci pour l'information. Comment ouvrir le lien dans un nouvel onglet lorsque vous cliquez dessus?
    • Utiliser le code dans le html, comme partagé ci-dessus. La plupart des nouveaux navigateurs ouvrir les liens dans un nouvel onglet par défaut lorsque vous utilisez target="_blank"
    • Avoir à l'esprit que target="_blank" a une vulnérabilité, vous pouvez lire à ce sujet dans mathiasbynens.github.io/rel-noopener
    InformationsquelleAutor Learner Always
  3. 31

    Si vous souhaitez faire la commande une fois pour l'ensemble de votre site, au lieu d'avoir à le faire après chaque lien. Essayer cet endroit
    dans la partie Head de votre site web et de bingo.

    <head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>

    espère que cette aide

    • n'oubliez pas d'ajouter
    InformationsquelleAutor Cyberquill
  4. 13

    Utilisation target="_blank":

    <a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>
    • n'oubliez pas d'ajouter
    InformationsquelleAutor Evan Hahn
  5. 6

    Quand utiliser target='_blank' :

    La version HTML (Certains appareils ne supportent):

    <a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>

    La version JavaScript pour tous les Appareils :

    L'utilisation de l'attribut est parfaitement valable

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $('a[]').attr('target', '_blank');
</script>

    et pour Jquery pouvez essayer avec le dessous d'un:

    $("#content a[href^='http://']").attr("target","_blank");

    Si les paramètres de votre navigateur ne vous permet pas d'ouvrir de nouvelles fenêtres :

    href = "google.com";
onclick="window.open (this.href, ''); return false";
    • n'oubliez pas d'ajouter
    InformationsquelleAutor Kaleem Ullah
  6. 6

    target="_blank" attribut va faire le travail.
    Il suffit de ne pas oublier d'ajouter pour résoudre la vulnérabilité potentielle. Plus à ce sujet ici: https://dev.to/ben/the-targetblank-vulnerability-by-example

    <a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>
    InformationsquelleAutor Vadym P
  7. 1

    Vous pouvez utiliser:

    <a href="http://www.WEBSITE_NAME.com"  target="_blank"> Website</a>

    Toutefois ci-dessus et de rendre votre site vulnérable à des attaques de phishing. Vous pouvez l'empêcher de se produire dans certains navigateurs, en ajoutant à votre lien. Avec cet ajout, l'exemple ci-dessus devient:

    <a href="http://www.WEBSITE_NAME.com" rel="noopener noreferrer" target="_blank">Website.com</a>

    consulter pour plus d'informations:
    https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml

    InformationsquelleAutor Thabang