Security Assessment for Links with Cross-Origin Destinations

Stefan Huber · November 15, 2023

This page demonstrates the behavior of different link types when opened in a new tab.

Regular Link

This link opens in a new tab without any specific rel attribute. It allows on old Browsers the new page to access the window.opener property, potentially leading to security vulnerabilities. Affected Browsers:

  • Chrome/Edge < 88
  • Firefox < 79
  • Safari < 12.1
  • Safari iOS < 12.2

Source for Browser compatibility information: MDN Web Docs – The Anchor element

Link with rel="noopener"

This link uses the rel="noopener" attribute, which opens the link in a new tab while ensuring the new page cannot access the window.opener property. This enhances security.

Link with rel="noreferrer"

This link uses the rel="noreferrer" attribute, which has the same effect as rel="noopener" and additionally prevents the browser from sending the HTTP referrer header to the new page. This enhances both security and privacy.