a标签rel属性详解与应用全攻略

它确实影响搜索引擎，但不是“禁止跳转”，而是告诉爬虫：“这个链接我不背书”。用户点击照常跳转，JS 也能正常触发。

• rel="nofollow" 是 Google、Bing 等主流引擎识别的通用标准，但仅对出站链接有意义；内部链接加它基本无效
• 2021 年起 Google 将 rel="nofollow" 视为“提示”而非指令，更推荐用 rel="sponsored"（付费广告）或 rel="ugc"（用户生成内容）替代
• 多个值可共存：rel="nofollow ugc" 合法且常见，等价于两个独立语义叠加
• 注意拼写：写成 rel="no-follow" 或 rel="NOFOLLOW" 都无效——必须小写、无连字符、空格分隔

rel="noopener noreferrer" 要不要一起写？

要，但得理解各自作用：前者防 XSS，后者保隐私，二者不互斥，也不冗余。

• rel="noopener" 切断新页面对 window.opener 的访问权限，防止恶意页面调用 opener.location.replace() 劫持原页
• rel="noreferrer" 同时禁用 Referer 请求头和 document.referrer，比 noopener 更彻底地隐藏来源
• 如果只写 rel="noreferrer"，它会隐式包含 noopener 效果（多数现代浏览器），但语义不明确，建议显式并列书写
• 实操中优先用 rel="noopener noreferrer"，尤其在 CMS、评论区、富文本编辑器等用户可插入链接的场景

哪些 rel 值在 a 标签里根本没意义？

理论要掌握，实操不能落！以上关于《a标签rel属性详解与应用全攻略》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！