How to open link in a new tab or window in Html

In this tutorial, we are going to learn about how to open anchor link in a new tab or window in Html.

Normally, we create a link using the anchor (<a>) html element.

<a href="https://reactgo.com">Click me</a>

If we click on the above link, it will open a google.com in the same tab.

Opening link in a new tab

To open the link in a new tab, we need to add target attribute with a value _blank to the <a> element.

Here is an example:

<a href="https://reactgo.com" target="_blank">Click me</a>

Note: If you are using the target=_blank, your page performance may suffer to avoid that you can use rel="noreferrer noopener".

<a href="https://reactgo.com" target="_blank" rel="noreferrer noopener">
   Click me
</a>