<a target="_new">和<a target="_blank">之间的区别是什么?如果我只想在一个新的选项卡/窗口中打开一个链接,我应该使用哪个?
当前回答
使用“平等”
根据HTML5规范:
有效的浏览上下文名称是任何至少有一个字符不是以U+005F LOW LINE字符开头的字符串。(以下划线开头的名称仅用于特殊关键字。) 有效的浏览上下文名称或关键字是任何字符串,该字符串要么是有效的浏览上下文名称,要么是_blank、_self、_parent或_top的ASCII大小写不敏感匹配项。”——源
这意味着在HTML5中没有_new这样的关键字,在HTML4(因此XHTML)中也没有。这意味着,如果将此作为目标属性的值,将不会有一致的行为。
安全建议
正如Daniel和Michael在评论中指出的,当使用targe_blank指向一个不可信的网站时,你应该另外设置rel="noopener"。这可以防止打开站点通过JavaScript干扰打开器。更多信息请看这篇文章。
其他回答
为了在一个新的标签/窗口中打开一个链接,你将使用<a target="_blank">。
值_blank =目标浏览上下文:一个新的:选项卡或窗口取决于您的浏览设置
值_new =无效;在HTML5中,元素的target属性没有这样的值
目标属性及其所有值:video demo
这是我的理解,目标=任何将寻找一个框架/窗口与该名称。如果没有找到,它将打开一个带有该名称的新窗口。如果whatever == "_new",除了.....之外,它看起来就像你使用_blank一样
使用一个保留的目标名称将绕过“查找”阶段。因此,target = "_blank"在一打链接上将打开一打空白窗口,但target = whatever在一打链接上将只打开一个窗口。Target = "_new"在十几个链接上可能会给出不稳定的行为。我还没有尝试在几个浏览器,但应该只打开一个窗口。
至少我是这么理解规则的。
注意-记得总是包括“引号”-至少在Chrome上,target=_blank(没有引号)与target="_blank"(有引号)是不一样的。
后者在一个新的选项卡/窗口中打开每个链接。前者(缺少引号)在一个新的选项卡/窗口中打开你点击的第一个链接,然后用你点击的每个后续链接覆盖相同的选项卡/窗口(也用缺少引号命名)。
我知道这是一个老问题,正确的答案,使用_blank,已经提到了几次,但是使用<a target=" somesitee.com " target="_blank">Link</a>是一个安全风险。
推荐使用(性能优势):
<a href="somesite.com" target="_blank" rel="noopener noreferrer">Link</a>
博士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个新选项卡。
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击