自从我了解到超文本链接的target="_blank"
后,我逐渐明白了它在构建可访问性和用户便利性方面的作用。其主要目的是在新标签页中打开链接,这对于保持用户对原始页面的参与度可能是有益的。然而,我了解到它并非在所有情况下都适用,并且存在重大的安全考虑因素。让我们更深入地探讨何时使用target="_blank"
,以及它的缺点。
target="_blank"
的目的
HTML 锚点(<a>)标签中的target="_blank"
属性指示浏览器在新标签页中打开链接的文档。这可以通过允许用户不间断地继续浏览原始页面来增强用户体验。以下是一个基本示例:
<a href="https://www.learnmore.com" target="_blank">了解更多</a>
target="_blank"
的适当使用场景
最初,我在我参与的每个项目中的每个<a>元素上都使用target="_blank"
。事实证明,这不应该这样使用,因为有些页面不需要在另一个标签页中打开。以下是使用target="_blank"
有意义的情况:
外部链接:指向外部网站的链接是target="_blank"
的主要候选对象,因为它们会将用户带离您的网站。在新标签页中打开这些链接可以让用户轻松返回您的网站而不丢失其位置。 补充信息:如果链接提供补充当前内容的附加信息,在新标签页中打开它可能会有所帮助。例如,指向词汇表术语或相关文章的链接,以增强对当前页面内容的理解。 表单和文档:指向表单、文档或其他可下载内容的链接通常受益于在新标签页中打开。用户可以下载或填写表单而无需离开当前正在查看的页面。
然而,并非所有链接都需要在新标签页中打开。以下是一些