2014-01-15 103 views
15

我有這樣的超級鏈接代碼:HTML5:超鏈接和新標籤

<a href="http://www.youtube.com/user/mamgrow"><img style="position:relative; float:right; height:30px; left:-30px;" alt="mamgrow facebook" src="images/facebook.png"/></a> 

而且我想這個鏈接在新標籤中打開...

我試圖把這個在:

style="target-new:tab; 

但它沒有奏效。有任何想法嗎?

+0

可能重複[Open tab in new tab](http://stackoverflow.com/questions/15551779/open-link-in-new-tab) –

+2

wauw:支持0瀏覽器的CSS3選項 –

回答

36

您可以輕鬆地使用target屬性,如:

<a href="http://www.example.com" target="_blank"><img src="your/image" /></a> 

如果您的用戶支持標籤瀏覽器,鏈接頁面將在活動的瀏覽器窗口的新標籤打開,如果設置成 - 主要是這是一個默認設置。
幾乎每個瀏覽器都支持這個。有關詳細信息,請參見Wikipedia上的此列表。

在這裏,在一個<a>標籤target屬性屬性在HTML列表:

target="_blank" <!-- opens link in a new window --> 
target="_self" <!-- opens link in actual window --> 
target="_parent" 
target="_top" <!-- both handle frames --> 

你的這部分代碼:

style="target-new:tab; 

沒有任何效果,它似乎是由是不supported任何現代瀏覽器。

1

你應該使用下面的代碼在新窗口中

<a href="http://www.google.com" target="_blank">...</a> 
0

擴大在@ ztirom的答案...

Mozilla Developer Network說:

目標

指定在何處顯示鏈接的URL。它是瀏覽上下文的名稱或關鍵字:選項卡,窗口或iframe>。以下關鍵字有特殊含義:

  • _self:將URL加載到與當前瀏覽上下文相同的瀏覽上下文中。這是默認行爲。

  • _blank:將URL加載到新的瀏覽上下文中。這通常是一個選項卡,但用戶可以將瀏覽器配置爲使用新窗口。

  • _parent:將URL加載到當前父瀏覽上下文中。如果沒有父節點,則其行爲與_self相同。_top:將URL加載到頂級瀏覽上下文(即,「最高」瀏覽上下文是當前祖先並且沒有父代)。如果沒有父瀏覽上下文,則其行爲與_self相同。

注意:使用目標時,考慮添加rel =「noopener noreferrer」以避免利用window.opener API。