How do you make a hyperlink open in a new browser tab?

Here is the best and most recommended way to make a hyperlink open in a new browser tab — including security-optimized code.

✅ Best HTML Code for Opening Link in a New Tab

<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">
  Open Example in New Tab
</a>

🔍 Why This Is the Best Method

✔ target="_blank"

Opens the link in a new browser tab.

✔ rel="noopener noreferrer"

The ideal security practice:

• Prevents the new tab from accessing your page (protects against window.opener attacks).
• Improves performance by avoiding unnecessary reference handling.
• Stops the sharing of referrer data (noreferrer).

⭐ Alternative (JavaScript Version)

<button onclick="window.open('https://www.example.com', '_blank')">
  Open in New Tab
</button>