Link_to 上的 target _blank - Html

在编写网页的过程中，经常需要创建链接以便用户可以在不同的页面之间进行导航。在HTML中，使用<a>标签来创建链接。然而，<a>标签默认会在同一个浏览器窗口或标签页中打开链接。这是有时会造成问题的，例如如果用户正在浏览一个网站，当他们点击一个链接时，会导致他们离开当前网站，这可能会弄丢他们在当前页面上的数据。此时，可以使用target="_blank"来在新的窗口或标签页中打开链接。

为什么要在新的窗口或标签页中打开链接？

在一些情况下，开启新的窗口或标签页来打开链接会更好。以下是开启新窗口或标签页的几种常见情况：

1. 如果链接目标网站的时候，不希望用户离开你的网站，那么就可以使用target="_blank"来在新的窗口或标签页中打开链接。这样用户可以在新的标签页中查看新网站而不离开您的网站。

2. 如果链接是指向一篇PDF文档、Word文档或其他可下载的文件，那么可以使用target="_blank"来在新的标签页或窗口中打开链接。这样用户可以在下载文档的同时继续浏览您的网站。

3. 如果您的网站链接到另一个网站，并使用新窗口打开，会增加页面留存。这对于一个拥有广告收入的网站来说非常重要。

如何在HTML中使用 target="_blank"

使用target="_blank"是非常简单的。只需要将它添加到<a>标签的属性中即可。以下是一个例子：

<a href="https://www.example.com" target="_blank">点击此处以在新的窗口或标签页中打开链接</a>

安全隐患

然而，target="_blank"在一些情况下可能会成为安全隐患。当你为链接设置target="_blank"时，链接的目标网站可以通过window.opener来访问原始网站的对象，从而可能导致跨站点脚本攻击。为了避免这种情况，推荐在<a>标记中添加rel="noopener"或rel="noreferrer"属性。

<a href="https://www.example.com" target="_blank" rel="noopener">点击此处以在新的窗口或标签页中打开链接</a>

或

<a href="https://www.example.com" target="_blank" rel="noreferrer">点击此处以在新的窗口或标签页中打开链接</a>

总结

• 使用target="_blank"来在新的窗口或标签页中打开链接。
• 如果链接目标是指向下载文件，那么可以使用target="_blank"来在新的标签页或窗口中打开链接。
• 避免使用target="_blank"可能导致跨站点脚本攻击的问题，需要给链接添加rel="noopener"或rel="noreferrer"属性。