a标签 rel="noopener noreferrer"
参考文章：https://juejin.im/post/6844904116892745735 Chrome的默认模式 我们之前分享过“Chrome的多进程模式”，说到我们的Chrome默认是“P ...
原文：a标签属性 rel="noopener noreferrer"
当你浏览一个页面点击一个a标签连接 lt a href www.baidu.com target blank gt 跳转到另一个页面时， 在新打开的页面 baidu 中可以通过 window.opener获取到源页面的部分控制权，即使新打开的页面是跨域的也照样可以 例如location就不存在跨域问题 。 rel noopener 新特性 lt a href www.baidu.com targe ...
2017-05-27 11:12 0 9859 推荐指数：
相关推荐
noopener, noreferrer 及 nofollow 的用法
<a> 标签通常会配合着使用 noopener, noreferrer 及 nofollow 这些属性, 它们的作用及用法如下。 noopener 当给链接加上 target="_blank" 后， 目标网页会在新的标签页中打开， 此时在新打开的页面中可通过 ...
聊聊 rel=noopener
' 打开一个新的标签页时，新页面的 window 对象上有一个属性 opener，它指向的是前一个页面的 w ...
SEO优化之a标签rel属性的使用
a 标签的rel属性用于指定当前文档与被链接文档的关系，仅在 href 属性存在时使用。为了让搜索引擎更好的识别页面中个链接的作用，更加有利于SEO，提升网站收录与排名，可以在网站链接中添加合适的rel属性。 常用的rel属性如下： 1. external 此属性的意思是告诉搜索引擎 ...
link标签rel="alternate"属性的作用及用法
1. 可用于将PC版页面指向移动版页面，将移动版页面指向PC版页面，这样有利于搜索引擎，对不同设备的用户提供不同类型的页面 PC版本页面head应添加 移动版页面应添加 2. 用于不同css样式表之间切换控制效果 rel=alternate的页面 ...
link标签中rel属性的作用
Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。link标签是用于当前文档引用外部文档的 这个标签的rel属性用于设置对象和链接目标间的关系，说白了就是指明你链进来的对象是个什么， rel各个属性值配置的意思： Alternate ...
link标签rel="alternate"属性的作用及用法
1. 可用于将PC版页面指向移动版页面，将移动版页面指向PC版页面，这样有利于搜索引擎，对不同设备的用户提供不同类型的页面 PC版本页面head应添加 <link rel="alternate" media="only screen and (max-width:640px ...
网站使用 rel="noopener" 打开外部锚
当您的页面链接至使用 target="_blank" 的另一个页面时，新页面将与您的页面在同一个进程上运行。 如果新页面正在执行开销极大的 JavaScript，您的页面性能可能会受影响。 此外，t ...