<base target>属性在现代浏览器中基本失效，仅部分旧版浏览器或第三方库自定义逻辑中可能生效；真正控制跳转需用JavaScript事件监听并手动处理。

<base> 的 target 属性不能可靠实现“全局跳转目标”——它在现代浏览器中对绝大多数跳转行为根本无效，且副作用隐蔽、难以调试。

---

<base target="_blank"> 在 Chrome/Firefox/Safari 中实际不生效

• W3C 规范说它只影响 <a>、<area>、<form> 三类元素，但实测中：

  • 多数浏览器（包括最新版）完全忽略 <base target> 对 <a> 的影响，哪怕链接没写 target
  • location.href = "xxx"、window.open()、history.pushState() 等 JS 跳转完全不受影响
  • <link rel="stylesheet">、<img>、favicon 点击等非标准跳转路径也从不读取该值

• 常见误判场景：

  • 页面加了 <base target="_blank">，但点击链接仍在当前页打开 → 不是代码写错，是浏览器压根不认
  • 检查 DOM 发现所有 <a> 都没被自动注入 target → 正常，规范未要求渲染时补属性

---

为什么看起来“有时好像生效”？

• 极少数旧版浏览器（如 IE11 或某些 WebView 内核）曾部分支持，但已淘汰
• 第三方 UI 库（如某些 Admin 框架）可能内部监听 click 并读取 document.querySelector("base").target 做手动拦截 —— 这属于库的自定义逻辑，不是 HTML 标准行为
• 你可能混淆了 <base href>（真实有效）和 <base target>（基本失效）：前者控制相对 URL 解析，后者只是纸面规范

---

如果真需要统一新窗口打开，只能用 JavaScript 补救

• 必须显式绑定事件，不能依赖 <base>：

  document.addEventListener("click", (e) => {
  const a = e.target.closest("a[href]:not([target])");
  if (a && a.href && !a.href.startsWith("#")) {
    e.preventDefault();
    window.open(a.href, "_blank", "noopener");
  }
  });

• 注意点：

  • 要排除 mailto:、tel:、锚点链接（href="#section"）
  • 必须加 rel="noopener" 防安全漏洞，window.open() 第三个参数里写清楚
  • 若页面用 Vue/React 渲染，需在组件挂载后执行，或用事件委托确保动态插入的 <a> 也被捕获

---

<base target> 是个“写上去像有用、删掉也没报错、留着反而埋雷”的属性。它不报错、不警告、不兼容、不一致，唯一确定的行为是：让你花两小时排查为什么“明明设了却没效果”。真正要控制跳转方式，就老实用 JS 或逐个写 target。