您当前的位置：首页 > 计算机 > 编程开发 > Html+Div+Css（前端）

给非本站href 加上 rel="nofollow noreferrer"

时间：07-06来源：作者：点击数：18

在HTML中，rel="nofollow noreferrer"是一种属性，用于指示搜索引擎不要跟踪该链接，即不要将其作为对网页内容的评分依据。这通常用于防止自动发送邮件、自动发送短信等，或者用于一些不受信任的外部链接。

如果你想为非本站的href添加rel="nofollow noreferrer"，你可以使用JavaScript来实现。下面是一个简单的例子：

<!DOCTYPE html>
<html>
<head>
    <title>Add rel="nofollow noreferrer"</title>
</head>
<body>
    <a href="https://www.example.com">External Link</a>
    <script>
        // 获取所有的a标签
        const links = document.querySelectorAll('a[href]');
 
        // 遍历所有的a标签
        links.forEach(function(link) {
            // 检查是否为外部链接
            if (!link.href.startsWith(window.location.origin)) {
                // 如果是外部链接，添加rel="nofollow noreferrer"
                link.rel = (link.rel || '') + ' nofollow noreferrer';
            }
        });
    </script>
</body>
</html>

在这个例子中，我们首先获取了所有的a标签，然后遍历它们，检查它们是否是外部链接（即它们的href是否不是以当前页面的源（origin）开始）。如果是外部链接，我们就在它的rel属性上添加nofollow noreferrer。如果rel属性已经存在，我们确保在添加nofollow noreferrer之前保留原来的设置。

方便获取更多学习、工作、生活信息请关注本站微信公众号 城东书院微信服务号