<a target="_new">和<a target="_blank">之间的区别是什么?如果我只想在一个新的选项卡/窗口中打开一个链接,我应该使用哪个?
当前回答
我知道这是一个老问题,正确的答案,使用_blank,已经提到了几次,但是使用<a target=" somesitee.com " target="_blank">Link</a>是一个安全风险。
推荐使用(性能优势):
<a href="somesite.com" target="_blank" rel="noopener noreferrer">Link</a>
其他回答
_blank作为目标值将每次生成一个新窗口, _new只会生成一个新窗口。
而且,每个目标值为_new的点击链接都将替换之前生成窗口中加载的页面。
您可以点击这里何时使用_blank或_new来自己尝试一下。
使用“平等”
根据HTML5规范:
有效的浏览上下文名称是任何至少有一个字符不是以U+005F LOW LINE字符开头的字符串。(以下划线开头的名称仅用于特殊关键字。) 有效的浏览上下文名称或关键字是任何字符串,该字符串要么是有效的浏览上下文名称,要么是_blank、_self、_parent或_top的ASCII大小写不敏感匹配项。”——源
这意味着在HTML5中没有_new这样的关键字,在HTML4(因此XHTML)中也没有。这意味着,如果将此作为目标属性的值,将不会有一致的行为。
安全建议
正如Daniel和Michael在评论中指出的,当使用targe_blank指向一个不可信的网站时,你应该另外设置rel="noopener"。这可以防止打开站点通过JavaScript干扰打开器。更多信息请看这篇文章。
注意-记得总是包括“引号”-至少在Chrome上,target=_blank(没有引号)与target="_blank"(有引号)是不一样的。
后者在一个新的选项卡/窗口中打开每个链接。前者(缺少引号)在一个新的选项卡/窗口中打开你点击的第一个链接,然后用你点击的每个后续链接覆盖相同的选项卡/窗口(也用缺少引号命名)。
这是我的理解,目标=任何将寻找一个框架/窗口与该名称。如果没有找到,它将打开一个带有该名称的新窗口。如果whatever == "_new",除了.....之外,它看起来就像你使用_blank一样
使用一个保留的目标名称将绕过“查找”阶段。因此,target = "_blank"在一打链接上将打开一打空白窗口,但target = whatever在一打链接上将只打开一个窗口。Target = "_new"在十几个链接上可能会给出不稳定的行为。我还没有尝试在几个浏览器,但应该只打开一个窗口。
至少我是这么理解规则的。
博士TL; 使用平等自愿
target属性指定打开链接文档的位置。
USAGE: target="xyz" [don't forget double quotes]
_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
由于“_new”不是其中的任何一个,它将在“framename”下,所以如果用户重新单击该超链接,它将不会打开一个新的标签,而是更新现有的标签。而在_blank中,如果用户点击两次,则会打开2个新选项卡。
推荐文章
- 向HTML表中添加水平滚动条
- 在notepad++中格式化代码
- 表单中包含表单,可以吗?
- 如何创建表只使用<div>标签和Css
- html5 - canvas元素-多层
- 如何确保<select>表单字段被禁用时提交?
- 如何在HTML文本换行?
- 如何在JavaScript中转义单引号(')?
- 如何使用HTML/CSS在文本中插入空格/制表符
- 用背景图像填充SVG路径元素
- 将JSON显示为HTML
- HTML被认为是一种编程语言吗?
- 如何修复favicon.ico错误:“Failed to load resource: net::ERR_EMPTY_RESPONSE”
- 这个CSS是如何产生一个圆的?
- 我如何显示点(“…”)在一个跨度与隐藏溢出?