How to open link in new tab on html?

html hyperlink anchor browser-tab
ZenthyxProgramming picture ZenthyxProgramming · Jul 18, 2013 · Viewed 718.4k times · Source

I'm working on an HTML project, and I can't find out how to open a link in a new tab without javascript.

I already know that <a href="http://www.WEBSITE_NAME.com"></a> opens the link in same tab. Any ideas how to make it open in a new one?

Answer

SharkofMirkwood picture SharkofMirkwood · Jul 18, 2013

Set the 'target' attribute of the link to _blank:

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

Edit: for other examples, see here: http://www.w3schools.com/tags/att_a_target.asp

(Note: I previously suggested blank instead of _blank because, if used, it'll open a new tab and then use the same tab if the link is clicked again. However, this is only because, as GolezTrol pointed out, it refers to the name a of a frame/window, which would be set and used when the link is pressed again to open it in the same tab).

Security Consideration!

The rel="noopener noreferrer" is to prevent the newly opened tab from being able to modify the original tab maliciously. For more information about this vulnerability see these resources:

Related questions

How do I run PHP code when a user clicks on a link?

I want to have a page run some PHP code when a user clicks on a link, without redirecting them. Is this possible with <a href=""></a> or with the javascript onclick event?

Read More
Is an anchor tag without the href attribute safe?

Is it okay to use an anchor tag without including the href attribute, and instead using a JavaScript click event handler? So I would omit the href completely, not even have it empty (href="").

Read More
Difference between _self, _top, and _parent in the anchor tag target attribute

I know _blank opens a new tab when used with the anchor tag and also, there are self-defined targets I use when using framesets but I will like to know the difference between _parent, _self and _top.

Read More