Add target="_blank" in CSS

html css hyperlink
Ali picture Ali · Jun 24, 2013 · Viewed 138.5k times · Source

I have external links in top menu of my website. I want to open these links in new tab. I could achieve it using "target=_blank" in HTML. Is there a similar CSS property or anything else?

Answer

Mojtaba Rezaeian picture Mojtaba Rezaeian · Jan 11, 2014

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.

Related questions

Use a normal link to submit a form

I want to submit a form. But I am not going the basic way of using a input button with submit type but a a link. The image below shows why. I am using image links to save/submit the …

Read More
How can I make a link from a <td> table cell

I have the following: <td> some text <div>a div</div> </td> I'd like to make the entire <td>...</td> a hyperlink. I'd prefer without the use of …

Read More
html - table row like a link

I can't set my table row as link to something. I can use only css and html. I tried different things from div in row to something another, but still can't make it works.

Read More