首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    a标签 rel=“external nofollow“ 用法

    rel="external" 此属性的意思是告诉搜索引擎,这个链接不是本站链接,其实作用相当于target=‘_blank’。 为什么要这样写呢?...target="_blank"属性特别提示 当你浏览一个页面点击一个a标签连接 target="_blank"> 跳转到另一个页面时, 在新打开的页面(mimvp...)中可以通过 window.opener获取到源页面的部分控制权, 即使新打开的页面是跨域的也照样可以(例如 location 就不存在跨域问题)。  ...rel=noopener 新特性 target="_blank" rel="noopener noreferrer"> 在chrome 49+,Opera...在老的浏览器中,可以使用 rel=noreferrer 禁用HTTP头部的Referer属性,使用下面JavaScript代替target='_blank' 的解决此问题: 1 2 3

    1.7K20

    安全开发小知识记录

    [TOC] 0x00 前言 小小知识大作用 0x01 F&Q 1.前端Web Q:a标签target="_blank"的安全问题及解决办法 答:A标签的target属性规定在何处如何打开链接文档常用的有..._self & _blank,如果在一个 A 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档,如果这个指定名称或 id...的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后超链接文档就可以指向这个新的窗口。...您可以把target=”_blank”理解为新的浏览器窗口打开此超链接; 关键点: 如果您使用了该属性却没有添加rel=”noopener noreferrer”得话就会存在一定得安全风险; 原理解析...= url; 总结:在开发中一些小细节还是要引起注意别怕麻烦,比如我们以后在写a标签的时候尽量都在target=”_blank”后面添加一句rel="noopener noreferrer"。

    95910

    安全开发小知识记录

    [TOC] 0x00 前言 小小知识大作用 0x01 F&Q 1.前端Web Q:a标签target="_blank"的安全问题及解决办法 答:A标签的target属性规定在何处如何打开链接文档常用的有..._self & _blank,如果在一个 A 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档,如果这个指定名称或 id...的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后超链接文档就可以指向这个新的窗口。...您可以把target=”_blank”理解为新的浏览器窗口打开此超链接; 关键点: 如果您使用了该属性却没有添加rel=”noopener noreferrer”得话就会存在一定得安全风险; 原理解析...= url; 总结:在开发中一些小细节还是要引起注意别怕麻烦,比如我们以后在写a标签的时候尽量都在target=”_blank”后面添加一句rel="noopener noreferrer"。

    62110

    在新窗口中打开页面?小心有坑!

    背景 产品需求来啦:点击页面上某个东西,要在新窗口中打开一个页面,注意!要在新窗口中打开。你呵呵一笑,太简单了: 打开的页面地址是固定的?直接a标签加上target="_blank"属性搞定。...这个锅是一个叫opener的全局对象的锅。 回到例子1,可以自己动手尝试,在新打开的那个页面中,打开console, 输入opener,可以看到这个对象,正是打开本页面的父页面的窗口对象。...如果再搞得狠一些,父窗口中的页面交互可以寸步难行。 为什么新窗口中的页面会影响父页面的线程呢?chrome不是每个标签页一个单独的进程?然后进程内包含若干线程吗?...确实,chrome有不同的标签页面使用不同进程和线程,但是有个例外,通过a标签的target="_blank"属性,或者window.open(url)在新窗口中打开页面, 会与父窗口共用进程和线程。...解决方案 4.1 使用noopener属性 通过在a标签上添加这个noopener属性,可以将新打开窗口的opner置为空。

    4.8K10

    在新窗口中打开页面?小心有坑!

    背景 产品需求来啦:点击页面上某个东西,要在新窗口中打开一个页面,注意!要在新窗口中打开。你呵呵一笑,太简单了: 打开的页面地址是固定的?直接a标签加上target="_blank"属性搞定。...这个锅是一个叫opener的全局对象的锅。 回到例子1,可以自己动手尝试,在新打开的那个页面中,打开console, 输入opener,可以看到这个对象,正是打开本页面的父页面的窗口对象。...如果再搞得狠一些,父窗口中的页面交互可以寸步难行。 为什么新窗口中的页面会影响父页面的线程呢?chrome不是每个标签页一个单独的进程?然后进程内包含若干线程吗?...确实,chrome有不同的标签页面使用不同进程和线程,但是有个例外,通过a标签的target="_blank"属性,或者window.open(url)在新窗口中打开页面, 会与父窗口共用进程和线程。...解决方案 4.1 使用noopener属性 通过在a标签上添加这个noopener属性,可以将新打开窗口的opner置为空。

    6K21

    HTML 笔记

    target: 表示链接的打开方式:                     _blank  新窗口                     _parent 父窗口                     ...enctype:提交类型             target: 在何处打开目标 URL。             name:属性为表单起个名字.HTML5不支持。用 id 代替。     ... 表单项标签 input 定义输入字段,用户可在其中输入数据。在 HTML 5 中,type 属性有很多新的值。         ...默认值是在两个标签之间     5. * 标签定义按钮。         您可以在 button 元素中放置内容,比如文档或图像。...注意:reset 重置按钮是将表单数据恢复到第一次打开时的状态,并不是清空                 image 图片按钮,默认具有提交表单功能。

    2.8K60

    HTML5快速设计网页

    可惜这几年已经没落了, 比如 打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。...) 在 Chromium 项目中研发 Blink 渲染引擎(即浏览器核心),内置于 Chrome 浏览器之中。...其基本语法格式如下: 是单标签 (4)、br标签:在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。...意思是超文本引用 target:用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式 (6)、无序列表:无序列表的各个列表项之间没有顺序级别之分...2.tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。

    3.2K20

    HTML a标签打开新标签页避免出现安全漏洞,请使用“noopener”

    新标签页中打开一个网址如何出现安全漏洞 让我们在网站上的新标签页中打开一个网址,HTML如下 target="_blank"> 访问恶意网站!... 这里我们有一个指向恶意网站的 href 属性,并以 _blank 属性为 target,使其在新标签页中打开。...并非总是我们用标签打开一个新标签,在某些情况下,你必须通过执行javascript的 window.open() 来打开它,如下所示: function openInNewTab() { // 一些代码... 我们已经通过 window.open() 打开了一个虚拟标签,该标签打开了 about:blank,因此这意味着它尚未重定向到恶意网站。...但是,在通过JavaScript处理新标签页打开的元素上的 CMD + LINK 上,浏览器将附加窗口变量并将其发送到新标签页。

    3.3K30

    浏览器之争

    现在市面上浏览器无外乎有这么几种:微软的IE、Mozilla的火狐、苹果Safari、谷歌Chrome和Opera等。...正在这三家闹得不可开支的时候,谷歌也插入一脚,推出了自家的Chrome浏览器,速度也比IE6快出许多。同时在WEB标准支持方面IE6是最差的,最令人诟病的。    ...其中火狐中国版一拖动链接会打开百度搜索框,让我更不爽…     标签页方面:IE8每打开一个链接都会打开一个IE8的窗口,感觉很不方便。既然你IE8有了标签的功能了为何还要打开新的窗口?...占用资源方面:IE8稍逊火狐一点,可能是由于我的电脑菜吧,用IE8打开多个标签网页的时候常常会假死,过一会才恢复,内存占用资源比火狐多点。而火狐这些方面倒还好。    ...网银方面:不用说,火狐这方面是天生缺陷,IE8只要稍稍设置一下即可用。     以上只是简单得做了一些对比。但用户关心的或许不是这些,也不是关心那款浏览器安全。

    60920

    浏览器渲染(进程视角)

    2.2 新标签页单独打开(独占一个进程) 新标签页打开,浏览器会默认为其创建一个独立的渲染进程,每个站点不管是不是同一站点,均为其创建一个渲染进程 可以看到下图,每个标签页面,对应一个进程id image.png...,并且是同一站点的则会默认共用一个渲染进程 如下图: image.png 2.4 通过父页面的a标签打开 当在主页面test.com中已 标签的方式在新标签中打开页面是,同一站点也共用一个渲染进程...,那是因为使用a标签打开新页面的方式,也会为站点之间创建连接,使用同一浏览上文组 test.com target="_blank" href="http:/...操作父页面dom和js对象 image.png -- 我们切换到local.test.com页面(local.test.com页面是在新标签页中打开),在控制台查看window.opener发现为null...会发现在不同进程中,不具有同一浏览上下文组的页面之间是相互隔离的 image.png -- 如果我们在a标签中添加rel=noopener属性,那么和在新标签页单独打开站点是一样的,noopener

    3K131
    领券