Wie öffne ich einen Link in einem neuen Tab in HTML?

Lesezeit: 6 Minuten

Wie offne ich einen Link in einem neuen Tab in
ZenthyxProgrammierung

Ich arbeite an einem HTML-Projekt und kann nicht herausfinden, wie ich ohne JavaScript einen Link in einem neuen Tab öffnen kann.

Das weiß ich schon <a href="http://www.WEBSITE_NAME.com"></a> öffnet den Link im selben Tab. Irgendwelche Ideen, wie man es in einem neuen öffnet?

  • verwenden <a href="url" target="_blank">...</a>

    – Rohit Agrawal

    17. Juli 2013 um 22:28 Uhr

  • Wie Rohit sagt, fügen Sie den Parameter target=”_blank” hinzu, aber auf FireFox, zumindest wenn Sie zwei Unterstriche machen, wird target=”__blank” in einem neuen Tab geöffnet, aber wenn Sie auf andere Links mit demselben doppelten Unterstrich klicken, wird der neue geöffnet Seiten in der vorherigen neuen Registerkarte, was bedeutet, dass Sie nur eine zusätzliche Registerkarte geöffnet haben.

    – Justin Levène

    30. Januar 2019 um 10:45 Uhr

  • Sie müssen rel=”noopener” nicht mehr verwenden, während Sie target=”_blank” verwenden, es wird standardmäßig hinzugefügt Quelle

    – Vaibhav

    10. Februar um 11:07 Uhr


Wie offne ich einen Link in einem neuen Tab in
SharkofMirkwood

Stellen Sie die ein target Attribut des Links zu _blank:

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

Weitere Beispiele finden Sie hier: http://www.w3schools.com/tags/att_a_target.asp


Notiz

Ich habe vorher vorgeschlagen blank anstatt _blank denn wenn es verwendet wird, öffnet es einen neuen Tab und verwendet dann denselben Tab, wenn der Link erneut angeklickt wird. Dies liegt jedoch nur daran, dass, wie GolezTrol betonte, es sich auf den Namen eines Frames/Fensters bezieht, das gesetzt und verwendet wird, wenn der Link erneut gedrückt wird, um es in derselben Registerkarte zu öffnen.


Sicherheitsüberlegung!

Die rel="noopener noreferrer" soll verhindern, dass die neu geöffnete Registerkarte die ursprüngliche Registerkarte böswillig ändern kann. Weitere Informationen zu dieser Schwachstelle finden Sie in den folgenden Artikeln:

  • Die Sonderziele beginnen alle mit einem Unterstrich. blank wäre der Name eines Frames oder Fensters. Es scheint zu funktionieren, da wahrscheinlich ein neues Fenster oder eine neue Registerkarte geöffnet wird, wenn keines mit dem Namen “leer” existiert, aber ein zweiter Klick auf den Link sollte die Seite in derselben Registerkarte erneut öffnen, anstatt noch eine weitere zu öffnen.

    – GolezTrol

    17. Juli 2013 um 22:12 Uhr


  • Nun, ich denke, es ist nicht ungültig, es ist nur anders. Anstatt blank könntest du genauso gut verwenden foodenke ich, während _blank eigentlich eine besondere Bedeutung. Ich kann keine Informationen finden, die das Gegenteil beweisen. Können Sie?

    – GolezTrol

    17. Juli 2013 um 22:18 Uhr


  • @ Stefan Nein, _blank wird in Ordnung sein; Die Links öffnen sich jeweils in einem anderen Tab. Wenn Sie einen Namen ohne Unterstrich angeben (z blank) werden die Links auf derselben Registerkarte geöffnet.

    – SharkofMirkwood

    21. September 2015 um 9:13 Uhr

  • Ein Tipp: Seien Sie sich der Schwachstelle wegen _blank bewusst. Mehr Info medium.com/@jitbit/…

    – Aistis

    5. Mai 2016 um 10:40 Uhr

  • Eine weitere Seite mit der Schwachstelle mathiasbynens.github.io/rel-noopener das ist ein Beispiel für sich.

    – PhoneixS

    16. Oktober 2018 um 14:50 Uhr

Wie offne ich einen Link in einem neuen Tab in
Lernender immer

Verwenden Sie eine davon gemäß Ihren Anforderungen.

Öffnen Sie das verknüpfte Dokument in einem neuen Fenster oder Tab:

 <a href="https://stackoverflow.com/questions/17711146/xyz.html" target="_blank"> Link </a>

Öffnen Sie das verknüpfte Dokument in demselben Frame, in dem es angeklickt wurde (dies ist die Standardeinstellung):

 <a href="https://stackoverflow.com/questions/17711146/xyz.html" target="_self"> Link </a>

Öffnen Sie das verknüpfte Dokument im übergeordneten Frame:

 <a href="https://stackoverflow.com/questions/17711146/xyz.html" target="_parent"> Link </a>

Öffnen Sie das verknüpfte Dokument im gesamten Fensterbereich:

 <a href="https://stackoverflow.com/questions/17711146/xyz.html" target="_top"> Link </a>

Öffnen Sie das verknüpfte Dokument in einem benannten Frame:

 <a href="https://stackoverflow.com/questions/17711146/xyz.html" target="framename"> Link </a>

Siehe MDN

  • Danke für die Auskunft. Wie öffne ich den Link in einem neuen Tab, wenn darauf geklickt wird?

    – Shajeel Afzal

    18. September 2017 um 9:25 Uhr

  • Verwenden Sie den Code in HTML, wie oben geteilt. Die meisten neuen Browser öffnen die Links standardmäßig in einem neuen Tab, wenn Sie target=”_blank” verwenden.

    – Lernender Immer

    18. September 2017 um 10:59 Uhr

  • Denken Sie daran target="_blank" eine Schwachstelle hat, können Sie darüber in lesen mathiasbynens.github.io/rel-noopener

    – PhoneixS

    16. Oktober 2018 um 14:51 Uhr

1646245927 490 Wie offne ich einen Link in einem neuen Tab in
Cyberquill

Wenn Sie den Befehl einmal für Ihre gesamte Website ausführen möchten, anstatt ihn nach jedem Link ausführen zu müssen. Probieren Sie diesen Ort im Kopf Ihrer Website und Bingo aus.

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

hoffe das hilft

  • Vergessen Sie nicht, rel=”noopener noreferrer” hinzuzufügen

    – Verrückter Philosoph

    19. Januar 2019 um 13:48 Uhr

  • Das Basis-Tag unterstützt das rel-Attribut nicht.

    – Alex O

    12. April 2021 um 22:39 Uhr

1646245928 945 Wie offne ich einen Link in einem neuen Tab in
Eva Hahn

Verwenden target="_blank":

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>

1646245928 874 Wie offne ich einen Link in einem neuen Tab in
Kaleem Ullah

Wann verwenden target="_blank" :

Die HTML-Version (einige Geräte unterstützen sie nicht):

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

Die JavaScript-Version für alle Geräte:

Die Verwendung von rel=”external” ist vollkommen gültig

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

und für Jquery können Sie es mit dem folgenden versuchen:

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

Wenn die Browsereinstellungen das Öffnen in neuen Fenstern nicht zulassen:

href = "https://stackoverflow.com/questions/17711146/google.com";
onclick="window.open (this.href, ''); return false";

  • Vergessen Sie nicht, rel=”noopener noreferrer” hinzuzufügen

    – Verrückter Philosoph

    19. Januar 2019 um 13:48 Uhr

1646245928 172 Wie offne ich einen Link in einem neuen Tab in
Vadym P

target="_blank" Attribut wird die Arbeit erledigen. Vergessen Sie nur nicht, hinzuzufügen rel="noopener noreferrer" um die potenzielle Schwachstelle zu beheben. Mehr dazu hier: https://dev.to/ben/the-targetblank-vulnerability-by-example

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>

  • Vergessen Sie nicht, rel=”noopener noreferrer” hinzuzufügen

    – Verrückter Philosoph

    19. Januar 2019 um 13:48 Uhr

1646245929 229 Wie offne ich einen Link in einem neuen Tab in
Thabang

Sie können Folgendes verwenden:

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

Die oben genannten Punkte machen Ihre Website jedoch anfällig für Phishing-Angriffe. Sie können dies in einigen Browsern verhindern, indem Sie Ihrem Link rel=”noopener noreferrer” hinzufügen. Wenn dies hinzugefügt wird, wird das obige Beispiel zu:

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

Weitere Informationen finden Sie unter:
https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml

914920cookie-checkWie öffne ich einen Link in einem neuen Tab in HTML?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy