target=blank

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。开始使用 200 美元的免费积分!

这是否让您的眼睛有点抽搐?就像……这是一个错别字。它应该是target="_blank",在值开头使用下划线。就像这样……

<a target="_blank" href="https://codepen.io">
  Open CodePen in a New Tab
</a>

好吧,这是正确的语法!

在没有下划线的target="blank"情况下,blank部分只是一个名称。它可以是任何东西。它可以是target="foo",或者,为了预示这里的目的:target="open-new-links-in-this-space"

区别

  • target="_blank"是一个特殊的关键字,它将每次都以新标签页打开链接。
  • target="blank"将以新标签页打开第一次点击的链接,但任何将来共享target="blank"的链接都将在同一个新打开的标签页中打开。

我以前从未知道过!我感谢 这条推文的解释

我创建了一个 非常基本的演示页面来展示该功能(代码)。观察当我点击第一个链接时如何打开一个新标签页。然后,来自任一侧的后续点击在该新第二个标签页中打开该链接。

为什么?

我认为这里的用例很少。哎呀,我甚至 不太喜欢target="_blank"。但这里有一个我能想象到的:文档。

假设您有一个 Web 应用程序,用户可以在其中积极地工作。将应用程序内指向文档的链接在新标签页中打开可能是有意义的,这样他们就不会离开正在进行的工作。但是,也许您认为他们不需要为每个文档链接打开一个新标签页。您可以执行以下操作……

<a target="codepen-documentation" 
  href="https://blog.codepen.io/documentation/">
  View CodePen Documentation
</a> 

<!-- elsewhere -->

<a target="codepen-documentation" 
  href="https://blog.codepen.io/documentation/">
  About Asset Hosting
</a>