您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

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

在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之前保留原来的设置。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门