“noreferrer noopener”是HTML中a标签的一种属性，在本篇文章中，晨阳SEO将给大家解释noreferrer和noopener标签之间的区别，它们与nofollow标签的区别，以及使用它们时对SEO的影响。什么是rel=”noreferrer”rel=”noreferrer”标签是一个特殊的HTML属性，可以添加到a标签链接。它通过从HTTP标头中删除引荐信息来防止将引荐...
安全性:rel="noopener"增强了安全性,防止恶意网站通过window.opener操纵原始页面。 适用场景:任何使用target="_blank"打开外部链接的<a>标签都应该添加rel="noopener"属性。 最佳实践:为了更全面的保护,建议同时使用rel="noopener noreferrer"。rel="noreferrer"会阻止 Referer 头信息发送到新打开的页面,进一步保护用户...
window.opener;// null https://developer.mozilla.org/en-US/docs/Web/API/Window/opener https://mathiasbynens.github.io/rel-noopener/ MDN & GitHub https://github.com/mdn/content/blob/main/files/en-us/web/html/attributes/rel/noreferrer/index.md?plain=1 https://github.com/mdn/content/blob/m...
<linkrel="preload"href="image.png"as="image"> rel="preload"除了优先级较高,还有两个优点:一是允许指定预加载资源的类型,二是允许onload事件的回调函数。下面是rel="preload"配合as属性,告诉浏览器预处理资源的类型,以便正确处理。 <linkrel="preload"href="style.css"as...
“Rel”是“关系”的缩写。 它说明当前资源与其链接资源之间的关系。其他“rel”属性值包括: Nofollow:告诉搜索引擎不要将“链接汁”从当前页面传递到 <a> 标记中的页面。 (稍后将详细介绍“链接汁”的传递。) Noopener:一种安全措施,当用户单击在新选项卡或窗口中打开的链接时,防止链接的资源控制当前页面。 因...
一、HTML rel属性值索引 HTML中有一个名为rel的属性,是relationship这个单词的缩写,指明两个文档之间的关系,专门用来链接相关元素上,如<a>、<area>、<form>或<link>元素上,因此rel的属性值也是“链接类型”的代称。 rel支持非常多的属性值,包含的知识非常多,且有些属性值非常重要,完整细读至少需要30分钟时间。
noopener:防止新页面获取对原页面的访问,通过设置这种关系,增加了安全性。 noreferrer:防止新页面获取用作前一页面的引用数据。 关系图 在了解了target和rel属性的用法后,我们可以用 ER 图来表示它们与其他 HTML 元素的关系。以下是一个简单的关系图,用于表示网页中的超链接元素: ...
noreferrer:指定链接在新窗口中打开,并且不携带引荐标头。 pingback:指定链接是到 pingback URL。 preconnect:指定链接是到预连接。 prefetch:指定链接是到预取。 prev:指定链接是到上一篇文章。 search:指定链接是到搜索。 stylesheet:指定链接是到样式表。 tag:指定链接是到标签。 up:指定链接是到上级目录。 <rel>...
<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a> 尝试一下 » HTML 链接- id 属性id 属性可用于创建一个 HTML 文档书签。提示: 书签不会以任何特殊方式显示,即在 HTML 页面中是不显示的,所以对于读者来说是隐藏的。实例...
(谷歌使用“nofollow”来指定谷歌搜索爬行器不应跟随该链接) noreferrer 要求如果用户跟随超链接,浏览器不应该发送HTTP引用头 noopener 要求通过超链接创建的任何浏览上下文都不能具有打开器浏览上下文 prev 选择之前的文档 search 指向文档搜索工具的链接 tag 当前文档的标记(关键字)...