base标签的target属性能统一控制所有未显式指定target的相对url链接和表单提交目标，但对绝对url、javascript导航、资源加载及已设target的元素无效。
base 标签的 target 属性是否真能统一控制所有链接
能，但只对「未显式指定 target 的相对 URL 链接」生效。它不是全局开关，更像一个默认 fallback —— 一旦你在 <a></a> 上写了 target="_blank" 或 target="main"，<base> 的设置就被完全忽略。
target 属性在 base 标签里怎么写才有效
必须放在 中，且只能出现一次；值必须是合法的 browsing context 名称（如 _blank、_self、_parent、_top 或自定义名称），不能是空字符串或任意字符串：
<base href="https://example.com/" target="_blank">
注意：target 单独用在 <base> 里时，href 不是必需的，但若同时设 href 和 target，两者互不干扰。
-
target="_blank"：新开标签页（最常用） -
target="_self"：当前窗口/标签页（默认行为，显式写出来可覆盖某些框架环境下的继承行为） -
target="myframe"：需确保页面中存在name="myframe"的<iframe></iframe>或<frame>
哪些链接会被 base 的 target 影响，哪些不会
影响范围有明确边界，容易误判：
- ✅ 生效：未带
target的<a href="page.html"></a>、<form action="submit.php"></form>（表单提交目标） - ❌ 不生效：
<a href="page.html" target="_self"></a>（显式声明优先级更高） - ❌ 不生效：
<a href="https://other.com/page"></a>（绝对 URL 在部分浏览器中可能忽略 base target，尤其跨域时） - ❌ 不生效：
<link rel="stylesheet" href="style.css">（<link>不走导航逻辑，不受 target 控制） - ⚠️ 边界情况：
<a href="#"></a>或<a href="javascript:void(0)"></a>不触发跳转，自然也不受 target 影响
实际开发中最常踩的坑
看似简单，但几个细节会让效果“突然失效”：
- 多个
<base>标签：浏览器只采用第一个，后续全部忽略 —— 检查是否被构建工具（如某些 HTML 插件）重复注入 - SPA 路由场景（如 Vue Router、React Router）：
<base>的target对 JS 路由跳转（router.push()）完全无效，它只作用于原生 HTML 导航行为 - iFrame 嵌套时：
<base target="xxx">在子页面中设置，只对该 iframe 内部的链接生效，不影响父页面 - 移动端 Safari 对
target="_blank"有额外限制：若链接没加rel="noopener"，新页无法访问window.opener，但 base 设置本身仍生效
真正起效的前提很朴素：HTML 解析器要按规范走原生导航流程，而现代前端工程里，这个前提正在变得越来越稀有。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
