Wie kann HTML einen Hyperlink in einem anderen Fenster oder Tab öffnen?

90

Dies ist eine Zeile für einen Hyperlink in HTML:

<a href="http://www.starfall.com/">Starfall</a>

Wenn ich also auf "Starfall" klicke, bringt mich mein Browser - ich verwende FireFox - zu dieser neuen Seite und der Inhalt meines Fensters ändert sich. Ich frage mich, wie ich das in HTML machen kann, damit die neue Seite in einem neuen Fenster geöffnet wird, anstatt die vorherige zu ändern. Gibt es so etwas in HTML?

Und wenn ja, gibt es eine Möglichkeit, die angeforderte Seite in einem anderen Tab (nicht in einem anderen Fenster) meines Browsers zu öffnen?

html window hyperlink

— brillant
quelle

133

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

Ob es in einem Tab oder einem anderen Fenster geöffnet wird, hängt davon ab, wie ein Benutzer seinen Browser konfiguriert hat.

— Frank
quelle

6

Nicht alle Browser unterstützen Registerkarten, und in diesen Browsern ist das Öffnen von Seiten in einer neuen Registerkarte im Vergleich zu einem neuen Fenster eine vom Benutzer konfigurierbare Einstellung. Es gibt derzeit keine Möglichkeit, anzugeben, dass ein Link in einer Registerkarte oder in einem Fenster geöffnet werden muss.

— bta

2

Denken Sie daran, dass das Zielattribut NACH dem href-Attribut deklariert werden muss

— MC

107

Am einfachsten ist es, ein Ziel-Tag hinzuzufügen.

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

Verwenden Sie für jeden Link einen anderen Wert für das Zielattribut, wenn diese auf verschiedenen Registerkarten geöffnet werden sollen, und denselben Wert für das Zielattribut, wenn sie die anderen ersetzen sollen.

— Schlüsselfertig
quelle

45

+1 für den Hinweis, dass das Ziel nicht '_blank' sein muss.

— GSto

4

Es ist erwähnenswert, dass dies ein gültiger HTML5 ist.

— AeroCross

Was meinst du mit 'Name'?

— Vnge

8

verwenden target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>

— jldupont
quelle

7

Sie sollten hinzufügen können

target="_blank"

mögen

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

— Jason
quelle

6

Das targetAttribut ist der beste Weg, dies zu tun.

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

öffnet es in einem neuen Tab oder Fenster. Welche davon hängt von den Einstellungen des Benutzers ab.

<a href="http://www.starfall.com" target="_self">

ist Standard. Dadurch wird die Seite auf derselben Registerkarte geöffnet (oder auf dem Iframe, wenn Sie damit zu tun haben).
Die nächsten beiden sind nur gut, wenn Sie es mit einem Iframe zu tun haben.

<a href="http://www.starfall.com" target="_parent">

öffnet den Link im Iframe, in dem sich der Iframe befand, in dem sich der Link befand.

<a href="http://www.starfall.com" target="_top">

öffnet den Link in der Registerkarte, egal wie viele Iframes durchlaufen werden müssen.

— hellol11
quelle

Wie verwende ich diesen farbigen Text in allen anderen Beispielen?

— hellol11

5

Das Ziel = _blank wird je nach Browsereinstellung in einem neuen Tab oder in neuen Fenstern geöffnet.

Um ein neues Fenster zu erzwingen, verwenden Sie Javascript, indem Sie auf alle drei Teile klicken. URL, ein Name sowie Fensterbreite und -höhe oder es wird einfach in einem neuen Tab geöffnet.

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

— Der Andyman
quelle

4

Sie können dies auch erreichen, indem Sie dem Header Ihrer Seite Folgendes hinzufügen:

<base target="_blank">

Dadurch werden ALLE Links auf Ihrer Seite in einem neuen Tab geöffnet

— Patrick
quelle

4

Da sich das Web schnell entwickelt, ändern sich einige Dinge mit der Zeit. Aus Sicherheitsgründen möchten Sie das rel="noopener"Attribut möglicherweise in Verbindung mit Ihrem verwenden target="_blank".

Wie in der Google Dev-Dokumentation angegeben , kann die andere Seite mit dem auf Ihr Fensterobjekt zugreifen window.opener property. Ihr externer Link sollte jetzt so aussehen:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>

— JoeMecPak
quelle

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

— Heutzutage

1

Beispiel unten mit target="_blank"Arbeiten für Safari und Mozilla

<a href="http://www.starfall.com" `target="_blank"`>

Verwendung target="new"für Chrome funktioniert

<a href="http://www.starfall.com" `target="new"`>

— scottmoo
quelle

2

Was unterscheidet Ihre Antwort von Dutzenden anderen?

— Farside