Skip to content
AITroveRead. Build. Understand.
Reading list
Make this comfortable

HTML links in a new tab: preserve context without hiding the action

Last updated: 7 Oct 20267 min read
tutorial
IntermediateBy AITrove Editorial

An anchor target can request a new browsing context, but the destination and user expectation still govern whether that choice is useful.

Use it for a real task

A reviewer may open a printable receipt while keeping an unfinished review form available. The link names that behavior plainly. Modern browsers generally isolate a blank-target page from its opener; an explicit noopener relationship makes the intent visible in the source. A separate tab can still disorient users, so ordinary internal reading links should stay in the current context by default.

html
<p>Keep this review form open while checking the source record.</p>
<a href="/receipts/R-47/print" target="_blank" rel="noopener">
  Open printable receipt R-47 in a new tab
</a>

What the markup guarantees

The print route must be implemented and authorization checked by the server. The new tab is not a security boundary for private record access, and it is not a way to preserve unsaved form data reliably.

Cost and limits

Opening a tab adds a document load and can duplicate application memory. Use it only when the task genuinely benefits from simultaneous contexts, then test keyboard and mobile behavior.

Common Mistakes

  • Do not open every link in a new tab.
  • Do not hide the new-tab behavior from link text.
  • Do not treat target or rel as authorization.

Connected lessons

html
core
Storage details