Search for a command to run...
Understanding the Differences and Implications for Opening Links in a New Browser Tab
Exploring the new tools and techniques on frontend development. Loves to meet up with new people and participate in the community. I do interesting stuff on codepen https://codepen.io/nirazanbasnet
No comments yet. Be the first to comment.
A few months ago, my product manager dropped something in the team channel. "We are adding an AI agent to the platform next quarter. It will handle follow-ups automatically." Just like that. One messa
f you’re diving into React, you’ve likely come across the ‎useRef hook. But what exactly is ‎useRef(), and how can it make your life easier? In this post we’ll cover what ‎useRef is, walk through five
A bug that only happens for some users, that you can never reproduce, that isn't in your code. Welcome to the React + browser-translation crash — what causes it, why it's so sneaky, and the battle-tested one-file fix.
Upgrading a core production database is usually the stuff of dev nightmares. It often involves maintenance windows, scheduled downtime, and the looming fear of a botched migration. But what if you cou
We are moving into products that adapt, predict and react with real context. Designing only interfaces is not enough anymore. We are designing experiences that understand the user. Designers and digital agencies are now challenged to move beyond trad...
Engineering at JoBins
167 posts
Welcome to Engineering at JoBins — where we share the stories, insights, and lessons from building a world-class hiring platform. From system design and scalability to developer tools and team culture, our engineers write about the real challenges we solve every day. Whether you're a curious developer or a fellow builder, we hope our experiences inspire and inform your own engineering journey.
On this page
Initially, I assumed that both actions, opening a link in a new tab (or window) in a browser, were the same. However, an important difference can be made by simply removing the underscore
The target attribute specifies where to open the linked document.
<a href="https://www.google.com" target="_blank">Visit google Site</a>
Clicking on the link will result in it opening in a new tab. This means that if we continue to click on additional links, a new browser tab will open each time. This can lead to the creation of multiple tabs and may potentially frustrate the user, impacting their overall experience.
If we remove the underscore, the browser will open the link in a tab named 'blank' instead of opening a new one. As a result, if the user clicks on multiple links, all the links will open in a single tab.
Example
<a href="https://www.google.com" target="blank">Visit google Site</a>
đź‘Źđź‘Ź I hope that by reading this far, you have gained the knowledge to implement the awesome target attribute trick in your project. I encourage you to try it out and enjoy its benefits.
Please feel free to share your thoughts and opinions with me, and if you encounter any issues or have any questions, don't hesitate to leave a comment.
Till then, Keep on Hacking, Cheers