`
lixinlixin2008
  • 浏览: 152691 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5 的 rel=”noreferrer”

阅读更多
用法:<a href=http://g.cn rel=noreferrer>noreferrer! </a>
可以让浏览器不发送referrer

area和a标签都支持

在使用 target=_blank时,webkit内核浏览器将会把window.opener属性设为空(null)


chrome4+支持

其它浏览器不发送referrer需要用户配置一下(基本相当于没用)
配置方法在此:
http://rainux.org/disable-browser-to-send-http_referrer-header-to-protect-private-url
分享到:
评论

相关推荐

    eleventy-plugin-automatic-noopener:一个11ty插件,可以自动将rel =“ noopener”或rel =“ noreferrer”属性添加到所有外部链接

    自动开门器一个插件,可将rel="noopener"或rel="noreferrer"属性自动添加到所有外部链接。安装npm install eleventy-plugin-automatic-noopener用法在您的(默认为.eleventy.js ): const automaticNoopener = ...

    noreferrer去除网页跳转refer

    当一个链接带有`rel="noreferrer"`属性时,浏览器在请求目标页面时将不会包含`Referer`头信息,从而保护了用户的隐私。 描述中提到的“使得跳转页面refer为空”,即在链接中应用`noreferrer`后,目标页面接收到的`...

    HTML中rel属性分析

    在HTML4.01和HTML5中,`rel`属性有一些差异。一些在HTML4.01中使用但现在已废弃的值包括:appendix、chapter、contents、copyright、glossary、index、section、start和subsection。而HTML5引入了一些新的值,如:...

    NOREF-crx插件

    注意1:rel = noreferrer属性仅在兼容HTML5的浏览器(例如Chrome)中受支持。 注意2:尽管强烈建议您不要使用引荐来源网站,但有些网站可能要求引荐来源正常运行。 没有引荐来源标头的情况下,大多数站点将正常运行...

    Html+Css技巧

    5. **语义化链接**:使用rel属性,如rel="noopener"、rel="noreferrer"和rel="noopener noreferrer",提高页面安全性和性能。 接下来,CSS则是美化HTML内容的关键。以下是一些CSS技巧: 1. **选择器优先级**:理解...

    REL-Site

    6. **HTML5的新特性**:在HTML5中,"REL"属性增加了哪些新的值,如`rel="preload"`预加载资源,`rel="noreferrer"`防止引用元数据传递等。 7. **实际应用案例**:可能提供了一些实际的网页示例,展示了"REL"属性在...

    curllint:针对Jinja,Nunjucks,Django模板,Twig,Liquid的实验HTML模板

    检查常见的安全问题–例如rel="noopener noreferrer"或XSS漏洞的已知来源。 更多! 用法 Curlylint在PyPI上可用,抓住它就可以开始掉毛了: # Assuming you’re using Python 3.6+, pip install curlylint # Now ...

    javascript经典特效---改变链接属性.rar

    其中,`href`属性定义了链接的目标URL,`target`定义了新页面打开的方式(如`_blank`表示在新窗口或标签页中打开),`rel`用于描述链接的关系,比如`noopener noreferrer`可以防止新页面访问原页面。 JavaScript...

    web开发必须知道的10个不常用HTML标签

    例如,`rel="noopener noreferrer"`用于外部链接,可以增强安全性。了解不同的`rel`值可以帮助你更安全地管理页面链接。 10. `&lt;wbr&gt;`:软换行符,用于指定可能的换行位置,有助于控制文本布局,特别是在窄屏设备上...

    HTML-basics-links-target-blank:target =“ _ blank”,它将在新窗口中打开锚点(通常已通过浏览器设置重定向到标签页)

    &lt;a href="https://example.com" target="_blank" rel="noopener noreferrer"&gt;访问示例网站 ``` 在这个例子中,用户点击"访问示例网站"将打开一个新的标签页,同时由于添加了`noopener`和`noreferrer`,新页面不会与...

    pjax (ajax + pushState的封装) 无刷新翻页等.zip

    3. **链接优化**:为防止Pjax失败,所有链接应有传统HTTP GET请求的备选方案,如添加`rel="noreferrer noopener"`属性。 4. **缓存策略**:考虑使用缓存机制,进一步提升性能。 5. **SEO考虑**:使用`&lt;link rel=...

    mi-proyecto:我改进它的例子

    6. **链接优化**:外部链接可能添加了rel="noopener noreferrer"属性,以防止新窗口打开的页面影响原页面的JavaScript执行,提高安全性。 7. **SEO优化**:通过设置meta标签,如、&lt;meta name="description"&gt;等,...

    alibaba

    在安全性方面,阿里巴巴提倡使用安全的HTML属性,如`rel="noopener"`和`rel="noreferrer"`,防止跨站脚本攻击(XSS)。此外,通过设置Content Security Policy(CSP)来限制浏览器加载的资源,可以有效抵御某些类型...

    谈谈target=_new和_blank的不同之处

    在HTML中,`target`属性用于定义超链接(`&lt;a&gt;`)或表单提交...同时,为了提高网页的可访问性,最好配合`rel="noopener"`和`rel="noreferrer"`属性使用,以防止新打开的页面控制原页面的浏览历史和阻止发送referrer信息。

    重构作业

    同时,使用rel="noopener"和rel="noreferrer"属性优化链接的打开方式,提高页面性能。 10. **响应式设计**:确保HTML代码支持不同设备的屏幕尺寸和方向,利用媒体查询(@media)实现响应式布局。 通过以上重构步骤...

    goit-markup-hw-05:https

    如果链接的目标支持HTTPS但默认使用HTTP,可以使用`rel="noopener noreferrer"`属性来强制使用HTTPS,以确保安全: ```html &lt;a href="http://www.example.com" rel="noopener noreferrer" target="_blank"&gt;强制使用...

    goit-markup-hw-6:https

    5. **浏览器指示**:了解如何在 HTML 中使用 `rel="noopener"` 和 `rel="noreferrer"` 属性,以及 `href` 属性开头的 "https://" 来指示浏览器建立安全连接。 6. **安全最佳实践**:学习并实施网络安全的最佳实践,...

    前端开源库-hexo-uglify

    除了UglifyJS,Hexo还支持其他优化插件,如`hexo-assets-inline`(内联CSS和JavaScript),`hexo-autonofollow`(自动添加`rel="noopener noreferrer"`属性),以及`hexo-generator-baidu-sitemap`(生成百度网站...

    MEH-项目链接

    在"MEH-PROJECTS-LINKS-main"这个项目中,可能包含了各种链接的示例和实现,包括上述提到的各种类型,也可能涉及了如何优化链接体验,比如SEO(搜索引擎优化)相关的元标签,如`rel="noopener"`和`rel="noreferrer"`...

    前端开源库-html-linkify

    - `attributes`: 用于设置`&lt;a&gt;`标签的属性,如`{target: '_blank', rel: 'noopener noreferrer'}`。 - `defaultProtocol`: 当URL没有指定协议时,可以设定默认值。 - `transform`: 提供一个回调函数,可以自定义...

Global site tag (gtag.js) - Google Analytics