📅  最后修改于: 2023-12-03 15:11:22.177000             🧑  作者: Mango
在HTML中,rel
属性定义了当前文档与链接目标之间的关系。当使用<a>
元素创建超链接时,我们可以在rel
属性中添加一些值来描述链接目标与当前文档之间的关系。
其中,rel
属性中的一个关键词是“noopener noreferrer
”。它的作用是在新窗口或标签中打开链接时,防止新打开的文档访问原始文档,以保护用户数据和隐私。这种攻击方式叫做“目标空白(target-blank)滥用攻击”,攻击者可以通过在打开链接时,在新窗口中加载恶意代码,从而获取用户的隐私信息。
我们可以通过以下方式来添加rel
属性:
<a href="https://example.com" rel="noopener noreferrer">Example Site</a>
在这个例子中,我们将rel
属性设置为“noopener noreferrer
”。
当我们在新窗口或标签中打开链接时,如果没有设置rel
属性,链接会被打开为一个“目标空白”(blank target)页面。这种页面没有和原始文档共享访问权限。攻击者可以利用这样的页面,在其中插入恶意代码,从而获取用户的隐私信息或者执行其他恶意操作。
如果我们必须在新窗口或标签中打开链接,我们必须遵循以下步骤来防止“目标空白”滥用攻击:
设置rel
属性为“noopener noreferrer
”,以确保在新窗口或标签中打开链接时安全。
使用安全的链接,只打开我们信任的网站。如果我们不信任特定的网站,我们应该避免在其中输入敏感的信息。
保护我们的设备,使用可靠的杀毒软件和安全更新以保持设备安全。
我们只应该在“noopener noreferrer”和其他适当的rel
值之间进行选择。不要添加其他无关的值,因为这可能对网站的可访问性造成影响。
使用完全限定的链接地址,而不是使用相对路径。这将有助于避免出现意外的操作结果。
我们仍然需要使用正常的安全措施,例如避免在不受信任的网站输入个人信息,使用可靠的杀毒软件和更新操作系统以确保设备处于安全状态。
以上介绍的内容是关于“目标空白 rel - Html”的简要说明,如需更详细的信息请查询相关资料。