wake-up-neo.net

Wie öffnet man einen Link in einem neuen Tab auf HTML?

Ich arbeite an einem HTML-Projekt und kann nicht herausfinden, wie ein Link in einem neuen Tab ohne Javascript geöffnet werden kann.

Ich weiß bereits, dass <a href="http://www.WEBSITE_NAME.com"></a> den Link in derselben Registerkarte öffnet. Irgendwelche Ideen, wie man es in einem neuen öffnen kann?

htmlhyperlinkanchorbrowser-tab
338
ZenthyxProgramming

Setzen Sie das Attribut 'target' des Links auf _blank:

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

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

(Hinweis: Ich habe zuvor blank anstelle von _blank vorgeschlagen, da bei Verwendung ein neuer Tab geöffnet und dann derselbe Tab verwendet wird, wenn der Link erneut angeklickt wird. Dies liegt jedoch nur daran, dass GolezTrol wies darauf hin, dass es sich um den Namen a eines Rahmens/Fensters handelt, der festgelegt und verwendet wird, wenn der Link erneut gedrückt wird, um ihn in derselben Registerkarte zu öffnen.

Sicherheitsüberlegung!

Der rel="noopener noreferrer" soll verhindern, dass die neu geöffnete Registerkarte die ursprüngliche Registerkarte in böswilliger Absicht ändern kann. Weitere Informationen zu dieser Sicherheitsanfälligkeit finden Sie in den folgenden Ressourcen:

524
SharkofMirkwood

Verwenden Sie eine davon gemäß Ihren Anforderungen.

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

 <a href="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="xyz.html" target="_self"> Link </a>

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

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

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

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

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

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

Siehe MDN

89
Learner Always

Wenn Sie den Befehl einmal für Ihre gesamte Site ausführen möchten, anstatt ihn nach jedem Link ausführen zu müssen. Versuchen Sie diesen Platz innerhalb des Kopfes Ihrer Web site und des Bingos.

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

hoffe das hilft

29
Cyberquill

Benutze target="_blank":

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

target='_blank', wenn Sie kein XHTML verwenden.

11
StackSlave

Verwenden Sie das Attribut "target" des Tags a und weisen Sie es _blank zu. Das ist:

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a>
11
Chris Raplee

Das Attribut target="_blank" erledigt den Job. Vergessen Sie jedoch nicht, rel="noopener noreferrer" hinzuzufügen, um die potenzielle Sicherheitsanfälligkeit 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>
6
Vadym P

Wann benutzt man target='_blank':

Die HTML-Version (Einige Geräte unterstützen dies 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>

nd für Jquery kann man folgendes probieren:

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

Wenn die Browsereinstellung das Öffnen in neuen Fenstern nicht zulässt:

href = "google.com";
onclick="window.open (this.href, ''); return false";
6
Kaleem Ullah

Standard öffnet sich in der gleichen Registerkarte:

<a href="https://www.google.com/">Google.com </a>

Öffnet in neuem Tab:

<a href="https://www.google.com/" target="_blank">Google.com </a>
4
Colleen Purcell

Sie können verwenden<a href='url' target="_blank">name</a>

Beispiel<a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>

4
Hackbal Teamz

target = "_ blank" öffnet immer eine neue Registerkarte für jeden Klick und target = "tabName" öffnet eine neue Registerkarte, die jedoch für jeden Klick gleich ist.

3
flap13

Sie können <a href="#" target="_blank">Your Text</a> verwenden. Ich hoffe, es hat geholfen. Vielen Dank.

3
herrobaba

Sie können verwenden:

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

Durch die oben genannten Maßnahmen wird Ihre Website jedoch für Phishing-Angriffe anfällig. Sie können dies in einigen Browsern verhindern, indem Sie Ihrem Link rel = "noopener noreferrer" hinzufügen. Mit diesem Zusatz wird das obige Beispiel:

<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

1
Thabang