CODEWITHSUNDEEP
htmlwindowhyperlink
brilliant
brilliant

Reputation: 2843

How to make HTML open a hyperlink in another window or tab?

This is a line for a hyperlink in HTML:

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

Thus, if I click on "Starfall" my browser - I am using FireFox - will take me to that new page and the contents of my window will change. I wonder, how can I do this in HTML so that the new page is opened in a new window instead of changing the previous one? Is there such a way in HTML?

And if yes, is there a way to open the requested page in another tab (not another window) of my browser?

Upvotes: 95

Views: 237482

Answers (9)

JoeMecPak
JoeMecPak

Reputation: 648

Since web is evolving quickly, some things changes with time. For security issues, you might want to use the rel="noopener" attribute in conjuncture with your target="_blank".

Like stated in Google Dev Documentation, the other page can access your window object with the window.opener property. Your external link should looks like this now:

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

Upvotes: 5

patrick
patrick

Reputation: 11711

You can also accomplish this by adding the following to your page's header:

<base target="_blank">

This will make ALL links on your page open in a new tab

Upvotes: 5

scottmoo
scottmoo

Reputation: 21

below example with target="_blank" works for Safari and Mozilla

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

Using target="new"worked for Chrome

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

Upvotes: 1

hellol11
hellol11

Reputation: 428

The target attribute is your best way of doing this.

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

will open it in a new tab or window. As for which, it depends on the users settings.

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

is default. It makes the page open in the same tab (or iframe, if that's what you're dealing with).
The next two are only good if you're dealing with an iframe.

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

will open the link in the iframe that the iframe that had the link was in.

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

will open the link in the tab, no matter how many iframes it has to go through.

Upvotes: 7

The Andyman
The Andyman

Reputation: 71

the target = _blank is will open in new tab or windows based on browser setting.

To force a new window use javascript onclick all three parts are needed. url, a name, and window width and height size or it will just open in a new tab. 

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

Upvotes: 6

Turnkey
Turnkey

Reputation: 9406

Simplest way is to add a target tag.

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

Use a different value for the target attribute for each link if you want them to open in different tabs, the same value for the target attribute if you want them to replace the other ones.

Upvotes: 109

Jason
Jason

Reputation: 15335

You should be able to add 

target="_blank"

like

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

Upvotes: 8

Frank
Frank

Reputation: 10571

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

Whether it opens in a tab or another window though is up to how a user has configured her browser.

Upvotes: 140

jldupont
jldupont

Reputation: 96716

use target="_blank"

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

Upvotes: 9

Related Questions