No Comments

Does that make your eye twitch a little bit bit? Like… it’s a typo. It needs to be goal=”_blank” with an underscore to begin the worth. As in…

<a goal=”_blank” href=”https://codepen.io”>
Open CodePen in a New Tab

Welp, that’s appropriate syntax!

Within the case of the no-underscore goal=”clean”, the clean half is only a identify. It may very well be something. It may very well be goal=”foo” or, maybe to foreshadow the aim right here: goal=”open-new-links-in-this-space”.

The distinction:

goal=”_blank” is a particular key phrase that may open hyperlinks in a brand new tab each time. goal=”clean” will open the first-clicked hyperlink in a brand new tab, however any future hyperlinks that share goal=”clean” will open in that identical newly-opened tab.

I by no means knew this! I credit score this tweet clarification.

I created a really primary demo web page to point out off the performance (code). Watch as a brand new tab opens once I click on the primary hyperlink. Then, subsequent clicks from both additionally open tab open that hyperlink in that new second tab.


I believe use circumstances listed below are few and much between. Heck, I’m not even that huge of a fan of goal=”_blank”. However right here’s one I may think about: documentation.

Say you’ve received an internet app the place individuals actively do work. It would make sense to open hyperlinks to documentation from inside that app in a brand new tab, so that they aren’t navigating away from lively work. However, possibly you assume they don’t want a brand new tab for each documentation hyperlink. You might do like…

<a goal=”codepen-documentation”
View CodePen Documentation

<!– elsewhere –>

<a goal=”codepen-documentation”
About Asset Internet hosting

The submit goal=”clean” appeared first on CSS-Tips.

You’ll be able to help CSS-Tips by being an MVP Supporter.

    About Marketing Solution Australia

    We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

    Request a free quote

    We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

    Subscribe to our newsletter!

    More from our blog

    See all posts

    Leave a Comment