HTML target=“u blank”链接教程及示例

HTML提供 元素或标记,以便创建指向其他页面、URL或同一页面的一部分的链接。在创建链接时,我们可以设置链接的样式,如在同一浏览器选项卡或页面中打开,或在新的浏览器窗口或选项卡中打开。我们可以使用 target="_blank" 元素的属性。

null

为什么要在新窗口或选项卡中打开链接

在新窗口或选项卡中打开链接有一些很好的理由。

  • 可能有用户启动的媒体像视频或声音一样播放。在同一页面上打开链接将中断用户的媒体体验。
  • 用户正在处理页面,更改页面将导致工作或数据丢失。

为什么不在新窗口或选项卡中打开链接

嗯,有一些原因使得打开一个新的浏览器选项卡或窗口的链接。

  • 第一个原因是我们喜欢在新窗口或选项卡中打开链接。链接的默认行为是在同一窗口或选项卡中打开,而不创建新窗口或选项卡。这可能是一个不好的原因,用户通常坚持默认的链接行为。
  • 第二个原因可能是我们不希望用户通过为我们的网页创建多个窗口或选项卡而离开我们的网站。这可能与品牌有关。
  • 第三个原因是处理内部和外部联系的方式不同。我们可以改变外部链接的行为,然后在新的选项卡或窗口中打开。
  • 第四个原因是提供类似PDF的下载链接。

相关文章: 如何在HTML中添加图像?

带有 元素的HTML链接

HTML 链接元素 target="_blank" 所有主要的现代网络浏览器都支持它,如Google Chrome、Microsoft Edge、internetexplorer、Mozilla Firefox、Safari和Opera。的语法 target="_blank" 如下所示。

  • `URL`是我们要在新的浏览器窗口或选项卡中打开的新地址、URL或网页。

在新窗口或带有空白的选项卡中打开链接

我们将使用 target="_blank" 属性,其中 href 值或URL https://www.poftut.com 将在新选项卡或窗口中打开。

target=“u blank”vs target=“u new”

在一些例子中我们可以看到 target="_new" 与类似的函数一起使用 target="_blank" . 根据HTML、HTML5、HTML4等标准,没有像 target="_new" . 但是现代浏览器提供了关于 target="_new" 甚至不是标准。两个属性的功能相同,其中 target="_new" 将搜索具有名称的选项卡 new 如果没有找到新的标签或窗口将被创建和链接网址将被加载。

安全目标=“u blank”

新打开的窗口或选项卡可以使用 window.opener.location 到了网络钓鱼时代。用户信任打开的页面,因为他会认为该页面是真实的。我们可以阻止这类攻击并确保 target="_blank" rel="nooper noreferrer" 属性如下。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享