HTML中a标签的rel属性常用取值汇总

必须和 target="_blank" 一起用，否则新页面可通过 window.opener 劫持原页面；noopener 切断 opener 引用防篡改，noreferrer 隐藏 Referer，二者缺一不可。 rel="noopener noreferrer" 必须和 target="_blank" 一起用 不加这两个值， 会带来安全风险：新页面能通过 控制原页面跳转，甚至执行恶意重定向。Chrome、Firefox 等现代浏览器虽已默认隔离部分能力，但旧版或特定配置下仍可被利用。 正确写法是： 切断 引用，防止新页篡改原页 同时抑制 请求头发送，隐藏来源 URL 不要只写 ：它在部分旧浏览器（如 Safari 11.1 之前）不触发 行为，仍存在 opener 漏洞 SEO 不受影响 —— 搜索引擎照常抓取，只是不传递权重给该链接（这点由 控制，不是 的职责） rel="nofollow" 不等于屏蔽爬虫，而是不传递权重 很多人误以为加了 就能让链接“不被收录”，其实不是。Google 明确说明：它只表示“不将此链接作为排名信号”，但页面仍可能通过 sitemap、其他内链、外链等方式被发现和索引。 典型使用场景： 立即学习 “ 前端免费学习笔记（深入） ”； 用户生成内容中的链接（评论、论坛发帖） 广告、赞助、付费推广链接 登录页、注册页等非内容导向的跳转入口 注意： 和 可共存，比如 ，前者管 SEO 权重，后者管语义提示（告诉搜索引擎这是站外链接）。 rel="next" 和 rel="prev" 是分页 SEO 的关键信号 对长文章分页、博客归档、商品列表翻页等场景， 和 是 Google 官方推荐的分页关系声明方式，比单纯靠 URL 规则更可靠。 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更 下载 必须成对出现且逻辑闭环： 第一页只有 ，没有 中间页同时有 和 最后一页只有 ，没有 错误示例： 写在第 3 页上，会导致 Google 认为分页逻辑混乱，可能合并或丢弃某些页的索引。 rel="stylesheet" 和 rel="icon" 是 link 标签里最不能错的两个值 标签的 值一旦写错，资源就加载失败，且浏览器通常不报错 —— 只是静默忽略。比如把 写成 或漏掉，CSS 就不会生效；把 写成 （旧写法），新版 Chrome 已不识别。 当前规范要求： CSS 引入必须用 ，且 已非必需（HTML5 中可省略） Favicon 必须用 ，配合 和 属性更稳妥，例如： 不要混用 和 —— 前者专用于 iOS 添加到主屏幕，后者才是通用 favicon 这些值看似基础，但线上环境里因大小写、拼写、遗漏导致白屏或图标不显示的问题，远比想象中常见。