I have external links in the top menu of my website.
I want to open these links in new tabs. I could achieve it using target=_blank
in HTML. Is there a similar CSS property or anything else?
Unfortunately, no. In 2013, there is no way to do it with pure CSS.
target="_blank" is a special keyword that will open links in a new tab every time. target="blank" will open the first-clicked link in a new tab, but any future links that share target="blank" will open in that same newly-opened tab.
Conclusion. You can use the target="_blank" attribute if you want your users to click on a link that opens up a new browser tab. The target="_blank" attribute is used inside the opening anchor tag like this.
a target=”_blank” Open in New Browser Tab (or Window) The target attribute specifies where the linked document will open when the link is clicked. The default is the current window. If target="_blank" , the linked document will open in a new tab or (on older browsers) a new window.
As c69 mentioned there is no way to do it with pure CSS.
but you can use HTML instead:
use
<head> <base target="_blank"> </head>
in your HTML <head>
tag for making all of page links which not include target
attribute to be opened in a new blank window by default. otherwise you can set target attribute for each link like this:
<a href="/yourlink.html" target="_blank">test-link</a>
and it will override
<head> <base target="_blank"> </head>
tag if it was defined previously.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With