在新标签页或窗口中打开链接

Ren*_*ene 1021 html tabs window href hyperlink

是否可以a href在新选项卡中打开链接而不是相同的选项卡?

<a href="http://your_url_here.html">Link</a>
Run Code Online (Sandbox Code Playgroud)

Nat*_*han 1829

您应该在锚标记中添加target="_blank"rel="noopener noreferrer".

例如:

<a target="_blank" rel="noopener noreferrer" href="http://your_url_here.html">Link</a>
Run Code Online (Sandbox Code Playgroud)

资源:

  • _blank是在供应商的基础上处理的.默认情况下,大多数现代浏览器都会在新标签页中打开.较旧的浏览器,例如IE hoard,将在新窗口中打开 - 要么是因为它们没有标签功能,要么是因为它们的默认行为是新窗口. (38认同)
  • 提示:注意`_blank`导致的漏洞.更多信息https://medium.com/@jitbit/target-blank-the-most-underestimated-vulnerability-ever-96e328301f4c (30认同)
  • 没有_tab ...有_new和_blank (6认同)
  • 如果不使用上面链接中指定的特殊名称,则target是您要定位的窗口(或"框架")的名称.如果将其设置为_tab或_new,则会打开一个具有该名称的窗口.如果用户单击该链接,返回到您的初始页面并单击具有相同目标的另一个链接,则第一次打开的选项卡/窗口应该将内容加载到其中. (6认同)
  • 根据w3schools的说法,没有新的东西:http://www.w3schools.com/tags/att_a_target.asp (5认同)
  • @ToonCasteele虽然你所说的是正确的,[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Attributes)被认为是比W3Schools更可信的来源.(之所以在这里解释有点长,谷歌很容易找到) (2认同)
  • 在 Chrome 49 和 Opera 36、Firefox 52、Desktop Safari 10.1+ 和 iOS Safari 10.3+ 中,不再需要“noreferrer”。 (2认同)

Gau*_*ier 209

您不应该决定是否应该在新标签页或新窗口中打开链接,因为最终应该通过用户浏览器的设置来完成此选择.有些人喜欢标签; 有些像新窗户.

使用_blank将告诉浏览器使用新的选项卡/窗口,具体取决于用户的浏览器配置以及他们如何单击链接(例如,中键单击,Ctrl+单击或正常单击).

  • 我必须完全同意从用户或浏览器中删除决定.用户将具有他们习惯的偏好,这消除了他们对他们的偏好的权利.然而,有人说......有时需要这样做.(打印对话框等) (10认同)
  • 当它甚至没有回答这个问题时,如何评价如此高? (9认同)
  • 我同意网站的"不应该",但请记住并非所有HTML都是为网站编写的.我正在为一个内部网络应用程序考虑一些事情,在新的选项卡中打开一些链接会很好,而不会教会办公室里的每个人如何按住Ctrl键. (6认同)
  • 虽然我觉得在许多情况下都是如此,但对于技术含量较低的用户,我认为(我认为)这种情况经常不正确.有些用户可能需要此帮助,否则他们可能会不知道如何返回他们想要打开的页面.我的两分钱试图将更多的用户体验视角放在事物上. (5认同)
  • 虽然我在传统网站上大多同意@gotson ...但对于webapps来说,你可能不希望外部链接杀死你的应用程序.一个很好的例子是新的Chrome网络应用推广功能......用户可以获得无边框应用启动器.在这种情况下,转到外部链接并导航外部网站将需要许多后退按钮才能返回到应用程序. (3认同)
  • 我明显不同意这是一个"最佳实践",并认为这完全取决于用例.例如,我在一个Web应用程序上工作,用户正在执行大部分日常工作,并且在同一个选项卡中导航链接会非常糟糕.同样,如果我有一个教程/教学页面,我会链接到相关材料,并且不希望就地导航.但是,如果页面只是供用户使用,则就地导航可能更为理想. (3认同)

Too*_*ele 44

设置元素的target属性<a>"_tab"

编辑:它有效,但是W3Schools说没有这样的目标属性:http: //www.w3schools.com/tags/att_a_target.asp

编辑2:从我从评论中得出的结论.将目标设置为_blank将带您进入新选项卡或窗口(取决于您的浏览器设置).键入以下任何一个以外的任何内容将创建一个新的选项卡组(我不确定这些是如何工作的):

_blank  Opens the linked document in a new window or tab
_self   Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top    Opens the linked document in the full body of the window
framename   Opens the linked document in a named frame
Run Code Online (Sandbox Code Playgroud)

  • W3Schools不是W3C.见http://www.w3fools.com/ (7认同)
  • 并非W3Schools的所有内容都不正确.但在您说W3C(万维网联盟)之前,然后链接到W3Schools,这与W3C无关或创建任何网络标准.但我看到你编辑了它.:) (5认同)
  • 是的,因为你指出了我并且我站了起来,谢谢你:) (3认同)
  • @Jacedc你可以在那里使用任何东西而不是`_tab`.它创建了一个窗口组. (2认同)

Ehs*_*san 34

你可以通过设置来做到这一点target="_blank",w3schools有一个例子.