时间戳

首页 > 解决方案 > 锚标记“目标”属性不起作用

html - 锚标记“目标”属性不起作用

问题描述

我在 HTML 中遇到了一个很大的问题。

锚标记“目标”属性不起作用。

这是我的代码

<div class="gallery_img">
   <img src="image/room1.jpg" alt="">
           <div class="hover">
<a class="light" href="image/room1.jpg" target="blank"><i class="fa fa-expand"></i></a>
      </div>
 </div>

标签： html

解决方案

是target="_blank"，不是target="blank"。

MDN：https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

target指定显示链接 URL 的位置。它是浏览上下文的名称或关键字：选项卡、窗口或<iframe>. 以下关键字具有特殊含义：

  • _self：将 URL 加载到与当前 URL 相同的浏览上下文中。这是默认行为。
  • _blank：将 URL 加载到新的浏览上下文中。这通常是一个选项卡，但用户可以将浏览器配置为使用新窗口。
  • _parent：将 URL 加载到当前浏览器的父浏览上下文中。如果没有父级，则其行为方式与_self.
  • _top: 将 URL 加载到顶级浏览上下文（即“最高”浏览上下文，它是当前浏览上下文的祖先，并且没有父级）。如果没有父级，则其行为方式与_self.

我认为网站通常不应该使用target="_blank"，因为网站不应该假设用户实际上希望链接在新窗口或标签中打开，特别是因为它可能会破坏用户的历史记录和返回按钮。

推荐阅读