<a target="_new">和<a target="_blank">之间的区别是什么?如果我只想在一个新的选项卡/窗口中打开一个链接,我应该使用哪个?
当前回答
链接的目标属性强制浏览器在新的浏览器窗口中打开目标页面。使用_blank作为目标值将每次生成一个新窗口,而使用_new将只生成一个新窗口,并且每个点击带有_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个新选项卡。
我知道这是一个老问题,正确的答案,使用_blank,已经提到了几次,但是使用<a target=" somesitee.com " target="_blank">Link</a>是一个安全风险。
推荐使用(性能优势):
<a href="somesite.com" target="_blank" rel="noopener noreferrer">Link</a>
使用target="_blank"将指示浏览器在用户单击链接时创建一个新的浏览器选项卡或窗口。
根据规范,使用target="_new"在技术上是无效的,但据我所知,每个浏览器都会以相同的方式运行:
它将搜索上下文名为"_new"的选项卡或窗口 如果找到一个“_new”选项卡/窗口,那么URL会被加载进去 如果没有找到,则创建一个新的选项卡/窗口,上下文名为“_new”,并将URL加载到其中
注意target="_new"的行为与target="new"完全相同,后者是有效的HTML,而前者是无效的HTML。
更令人困惑的是,在HTML4中target属性已弃用。在HTML5中,这个决定被推翻了,它再次成为规范的正式组成部分。不管你使用的是什么版本的HTML,所有的浏览器都支持target,但是如果你的文档类型是HTML4,一些验证器会将target标记为不赞成使用。
以前可能有人问过这个问题,但是:
"每个指定target="_new"的链接都会根据名称查找并找到该窗口,并在其中打开。
如果你使用target="_blank ",每次都会在当前窗口的顶部创建一个全新的窗口。"
网址:http://thedesignspace.net/MT2archives/000316.html
使用“平等”
根据HTML5规范:
有效的浏览上下文名称是任何至少有一个字符不是以U+005F LOW LINE字符开头的字符串。(以下划线开头的名称仅用于特殊关键字。) 有效的浏览上下文名称或关键字是任何字符串,该字符串要么是有效的浏览上下文名称,要么是_blank、_self、_parent或_top的ASCII大小写不敏感匹配项。”——源
这意味着在HTML5中没有_new这样的关键字,在HTML4(因此XHTML)中也没有。这意味着,如果将此作为目标属性的值,将不会有一致的行为。
安全建议
正如Daniel和Michael在评论中指出的,当使用targe_blank指向一个不可信的网站时,你应该另外设置rel="noopener"。这可以防止打开站点通过JavaScript干扰打开器。更多信息请看这篇文章。
推荐文章
- Angular 2模板中的标签是什么意思?
- 如何设置身体高度溢出滚动
- 在输入type="number"时禁用webkit的旋转按钮?
- 如何在另一个元素之后添加一个元素?
- 我如何有效地解析HTML与Java?
- “ ”和“”有什么区别?
- 如何使用JavaScript代码获得浏览器宽度?
- 防止滚动条增加到Chrome页面的宽度
- 使用图像而不是单选按钮
- 我可以嵌套一个<按钮>元素内< >使用HTML5?
- 设置TextView文本从html格式的字符串资源在XML
- 为什么我的球(物体)没有缩小/消失?
- Twitter Bootstrap 3 Sticky Footer
- CSS在特定的“内联块”项之前/之后换行
- 很好的初学者教程socket.io?