去哪铺资源网

target="_blank" 与target="_self"

本文摘要

`target="_blank"`属性使链接在新窗口或标签页中打开,而`target="_self"`则指示在当前窗口或标签页中打开链接(这是默认行为)。通常无需显式使用`target="_self"`,除非需要与其他`target`属性值对比。在实际应用中,没有`target`属性的链接将默认在当前窗口或标签页中打开。

`target="_blank"` 是一个 HTML 属性值,它用于 `<a>` 标签中,以指示当链接被点击时,在新窗口或新标签页中打开链接的目标 URL。如果你想要相反的行为,即在当前窗口或标签页中打开链接(这是默认行为),你实际上不需要任何特殊的标签或属性。

默认情况下,如果 `<a>` 标签没有 `target` 属性,或者 `target` 属性的值不是 `_blank`,链接就会在当前窗口或标签页中打开。所以,你只需简单地编写一个标准的链接标签即可:

<a href="https://www.example.com">Visit Example.com</a>

当你点击这个链接时,它会在当前窗口或标签页中打开 `https://www.example.com`。没有 `target="_blank"`,就没有新的窗口或标签页会被打开。

如果你想要更明确地表示这一点(尽管这不是必要的),你可以省略 `target` 属性,或者显式地设置 `target="_self"`,这同样会导致链接在当前窗口或标签页中打开:

<a href="https://www.example.com" target="_self">Visit Example.com</a>

然而,通常建议省略 `target="_self"`,因为这是链接的默认行为。只有在需要明确指示链接应在新窗口或标签页中打开时,才使用 `target="_blank"`。

下面我将为 `target="_blank"` 和 `target="_self"` 分别提供示例,并解释它们的行为。

target="_blank" 示例

当你使用 `target="_blank"` 属性时,链接会在新的浏览器窗口或标签页中打开。

<a href="https://www.example.com" target="_blank">Visit Example.com in a new window or tab</a>

在这个例子中,当用户点击“Visit Example.com in a new window or tab”链接时,浏览器会打开一个新的窗口或标签页,并在其中加载 `https://www.example.com` 的内容。这是非常有用的,特别是当你不希望用户离开当前页面时,或者当你想要确保目标页面在一个不受当前页面状态影响的干净环境中打开时。

target="_self" 示例

相比之下,`target="_self"` 属性(尽管通常是不必要的,因为它是链接的默认行为)用于指示链接应该在当前浏览器窗口或标签页中打开。

<a href="https://www.example.com" target="_self">在当前窗口或标签打开</a>

在这个例子中,当用户点击“在当前窗口或标签打开”链接时,浏览器会在当前窗口或标签页中导航到 `https://www.example.com`。因为这是链接的默认行为,所以即使你省略了 `target="_self"`,链接仍然会在当前窗口或标签页中打开。

在实际应用中,你通常不需要显式地使用 `target="_self"`,除非你想要在代码中明确表明链接应该在当前窗口或标签页中打开,以区别于其他可能使用 `target="_blank"` 的链接。然而,在大多数情况下,简单地编写没有 `target` 属性的链接就足够了:

<a href="https://www.example.com">访问</a>

这个链接同样会在当前窗口或标签页中打开,因为它遵循链接的默认行为。

搜索
分类最新
分类热门
分类猜你喜欢
© Copyright去哪铺.Z-Blog.Some Rights Reserved.粤公网安备 44170202000251号 粤ICP备15035385号-2 免责声明 帮助中心 编程文档