在 HTML 的新标签页中打开链接

Sushant Poudel 2023年2月19日 2021年10月2日

HTML HTML Tab

本文将讨论一种在 HTML 中的新标签页中打开链接的方法。

使用 `target="_blank"` 在 HTML 的新标签页中打开链接

我们可以使用锚标记中的 target 属性在 HTML 的新标签页中打开链接。锚标记的 target 属性中的 _blank 值会在新标签页中打开链接。锚标记 <a> 定义了一个超链接，用于从一个页面链接到另一个页面。href 属性设置要链接到的页面的 URL。选项 target="_blank" 将链接切换到新标签页。值 _blank 通知浏览器在新标签页中打开链接，具体取决于浏览器的设置。我们可以在锚标记中添加 rel 属性，其值为 noopener noreferrer 作为安全措施。rel=" noopener noreferrer"是为了防止新打开的标签页恶意修改原标签页。然而，当我们使用 target="_blank" 选项时，现代浏览器会隐式设置该选项。

例如，在 HTML 正文中，打开定位标签页 <a> 并在其中键入 href 属性。将 URL https://www.facebook.com/ 写入 href 属性的值。然后，写 target 作为锚标签的属性，并给它一个值 _blank。在它之后，写入带有值 noopener noreferrer 的 rel 属性。然后在锚标记之间写入文本 Link。最后，不要忘记关闭锚标签，然后是 body 标签。

当我们单击链接这个词时，下面的示例会打开一个新标签页。当我们点击链接时，它会打开 Facebook 页面。

示例代码：

<body>
    <a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer" >
        Link
    </a>
</body>

Author: Sushant Poudel

Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.

使用 target="_blank" 在 HTML 的新标签页中打开链接

使用 `target="_blank"` 在 HTML 的新标签页中打开链接