Questions
3 of 3
Basics
Common Tags
Attributes and Elements
Lists
Text tags and Formatting
Input and Forms
Block and Inline Elements
Box model
Semantic Tags
Links and Images
Media and Embeds
Tables
HTML entities
HTML and CSS
Performance
SEO
Progressive Enhancement
HTML5
Custom Elements & Web Components
HTML5 APIs
SPAs
WCAG
Security
Best Practices
What is the target="_blank" attribute used for?
Difficulty: 4/10
link behavior, security, accessibility
Role of the target="_blank" Attribute in <a>
The target="_blank" attribute in the <a> (anchor) tag is used to open the linked document in a new browser tab or window. This allows users to view the new page without leaving the current one.
Key Points about target="_blank"
- 1
It tells the browser to open the hyperlink in a new tab or window.
- 2
Useful for keeping the current page open while navigating to external sites.
- 3
Should be used carefully, as too many new tabs can annoy users.
- 4
For security, it’s best practice to also add
rel="noopener noreferrer"when usingtarget="_blank".
Example Usage
In short: target="_blank" makes a link open in a new tab or window, often combined with rel="noopener noreferrer" for security.
Scenario Questions
0-2 years experience
- 1You need to add a link to an external article that should open in a new tab. How would you write the HTML?
- 2If you forget to include target="_blank" on that link, what will the user experience be?
- 3What attribute would you add to make sure the new tab can't access the original page's window object?
2-5 years experience
- 1A bug report says that links with target="_blank" are sometimes opening in the same tab after a recent JavaScript refactor. How would you investigate and fix it?
- 2Explain the trade‑offs between using target="_blank" for external links versus handling navigation through your SPA router.
- 3Your design system requires all external links to open in a new tab but also to be safe from reverse tabnabbing. How would you implement that in the component?
5-8 years experience
- 1You are building a reusable Link component used across dozens of services. Describe how you would enforce security best practices while keeping the API simple.
- 2Discuss the performance and SEO implications of using target="_blank" at scale, and how you would monitor any negative impact.
- 3How would you design a lint rule or CI check to prevent missing rel attributes on target="_blank" links in a large codebase?
8+ years experience
- 1Your organization is migrating legacy HTML pages to a component library. What strategy would you use to replace inline target="_blank" links with a standardized, secure approach without breaking existing analytics?
- 2Across multiple product teams, there is disagreement about opening external links in new tabs. How would you lead a cross‑team policy decision, considering accessibility, security, and user experience?
Follow-up Questions
- What security concerns arise from using target="_blank"?
- How would you prevent reverse tabnabbing in your implementation?
- Can you describe a situation where you would deliberately avoid using target="_blank"?