Secure way to open an external link in a new tab or window

#html #webdev

In order to open a link from your website, we need to use the anchor tag <a> in HTML.
Inside the anchor tag the URL is added to the href parameter.



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

Now to open the link in a separate tab, we add target="_blank" but this makes the website vulnerable to phishing attacks.



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

How to prevent phishing attacks?

Opening an external link in a new tab makes your website vulnerable. The site you link can gain access to the window containing your website and can change it to display different webpage. This is called phishing. In order to make your website secure from tabnabbing, we add rel="noopener noreferrer"



<a href="https://www.google.com/" rel="noopener noreferrer" target="_blank">Google</a>

Happy Coding!

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →