如何让HTML在新窗口或选项卡中打开超链接？

Question

这是HTML中超链接的一行：

<a href="http://www.starfall.com/">Starfall</a>

因此，如果我点击“Starfall”，我的浏览器（我使用的是Firefox）将带我到那个新页面，我的窗口内容将更改。我想知道如何在HTML中做到这一点，以便新页面在新窗口中打开而不是更改以前的页面？ HTML中是否有这样的方式？

如果有，是否有一种方法可以在浏览器的另一个选项卡中打开请求的页面（而不是在另一个窗口中）？

- brilliant

Answer 1

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

但是它是在一个选项卡中打开还是在另一个窗口中打开，取决于用户如何配置他/她的浏览器。

- Frank

---

并非所有浏览器都支持标签页，在那些支持标签页的浏览器中，页面在新标签页或新窗口中打开是可以由用户进行配置的设置。目前还没有一种方法可以指定链接需要在标签页中打开还是在窗口中打开。 - bta

请记住，目标属性必须在href属性之后声明。 - M.C.

Answer 2

最简单的方法是添加目标标签。

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

如果您想要在不同的选项卡中打开链接，为每个链接使用不同的目标属性值；如果您想要替换其他链接，则为目标属性使用相同的值。

- Turnkey

---

感谢您指出目标不必为“_blank”的优点。 - GSto

值得注意的是，这是一个有效的HTML5。 - AeroCross

“name” 是什么意思？ - Vnge

Answer 3

使用 target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>

注：该代码意为在新窗口打开超链接。

- jldupont

Answer 4

您应该能够添加。

target="_blank"

喜欢

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

- Jason

Answer 5

< p > target 属性是实现此功能的最佳方式。

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

单击将在新标签页或窗口中打开。具体取决于用户的设置。

<a href="http://www.starfall.com" target="_self">

是默认值。它使页面在同一标签页中打开（如果你正在处理的是iframe，则在该iframe中打开）。
接下来的两个选项仅适用于处理iframe。

<a href="http://www.starfall.com" target="_parent">

将打开链接的iframe置于包含该链接的iframe中。

<a href="http://www.starfall.com" target="_top">

无论需要经过多少个iframe，该链接都将在选项卡中打开。

- hellol11

---

我该如何在其他人的示例中使用那种有色彩的文本？ - hellol11

Answer 6

target = _blank 表示在新标签页或窗口中打开链接，根据浏览器设置而定。

如果要强制在新窗口中打开链接，请使用 javascript onclick。必须提供三个参数：网址、名称和窗口的宽度和高度，否则将仅在新选项卡中打开链接。

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

- The Andyman

Answer 7

您也可以通过将以下内容添加到页面的头部来实现这一点：

<base target="_blank">

这将使页面上的所有链接在新标签页中打开。

- patrick

Answer 8

由于Web技术在不断发展，一些事物也随之改变。为了安全起见，您可能希望在使用target="_blank"时，同时使用rel="noopener"属性。

正如在Google开发文档中所述，其他页面可以通过window.opener property访问您的窗口对象。现在，您的外部链接应该像这样：

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>

- JoeMecPak

---

<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a> 这些天似乎最佳实践是两者兼备。 - ContextCue

Answer 9

下面的示例使用target="_blank"，适用于Safari和Mozilla。

<a href="http://www.starfall.com" `target="_blank"`>

使用 target="new" 对于 Chrome 有效。

<a href="http://www.starfall.com" `target="new"`>

- scottmoo

---

在众多答案中，你的回答有何独特之处？ - Farside