<base target>仅对未显式设target的相对URL链接生效，是fallback规则而非全局开关；绝对URL、JS跳转、框架路由等均不受影响。
<base target> 只对相对 URL 生效，且仅当 <a> 标签未显式声明 target 时才起作用——这不是“全局开关”，而是“相对链接的 fallback 规则”。依赖它统一控制所有外链打开方式，大概率会漏掉大量绝对 URL 和 JS 跳转。
为什么加了 <base target="_blank"> 外链还是在当前页打开
常见原因不是写法错，而是语义不匹配：
- 链接是绝对 URL（如
https://example.com、//cdn.example.com）——<base target>完全不生效 - 链接是
javascript:void(0)、#或由 Vue/React 的<router-link>渲染——不触发原生导航，base无感知 -
<base>没放在<head>最开头，或被动态插入（如document.write），Firefox 会忽略 - 页面有多个
<base>，但只有第一个被解析，后续全部丢弃
target 值哪些能用，哪些只是摆设
现代浏览器真正稳定支持的只有四个值：
-
_self：当前上下文（tab / iframe），最安全的默认值 -
_blank：新 tab，但必须配rel="noopener"，否则存在window.opener泄露风险 -
_parent：在父级上下文中打开；若无父级 iframe，则静默降级为_self，不会报错也不会警告 -
_top：跳出所有 iframe；但若主站被嵌入第三方平台（如 CMS 预览框），可能被 CSP 或sandbox属性拦截，行为不可控
像 target="main" 这类指向 <iframe name="main"> 的写法，在 HTML5 中已基本失效，主流浏览器不再响应。
立即学习“前端免费学习笔记（深入）”；
更可靠的做法：别只靠 <base>
如果业务要求「所有外链必须新窗口 + noopener」，纯靠 <base> 是高风险方案。推荐组合策略：
- 给外链统一加 class，比如
<a href="https://xxx" class="external">，再用脚本补全：document.querySelectorAll('a.external').forEach(el => { el.target = '_blank'; el.rel = 'noopener'; }); - 服务端渲染时直接输出完整属性，避免客户端补丁带来的竞态或遗漏
- 若必须用
<base target="_blank">，请确保所有需要新窗口的链接都写成相对路径（如/blog/post1），并严格校验<base>在<head>内且唯一
最容易被忽略的一点：href 和 target 是解耦的。你可以只设 target，但 href 属性必须存在（哪怕为空字符串 href=""），否则部分浏览器会拒绝解析 target。而一旦混用相对与绝对 URL，<base target> 的行为就变成“局部有效、整体不可预测”。
