标签仅在html解析阶段生效，必须置于最顶部且唯一，href值须为以/、http://、https://或//开头的绝对url或根相对路径（如/myapp/），否则静默失效；仅影响、、等标签的纯相对路径属性，对fetch、import等js运行时路径无效。
<base> 标签确实能统一控制页面内相对链接的指向，但它的生效范围极窄、条件极严——设错一个字符，<a href="about.html"></a> 就直接跳到当前页面路径下，而不是你预期的子路径或 CDN 域名。
href 值必须是绝对 URL 或合法根相对路径
浏览器只认四种开头：https://、http://、//、/。其他一律静默丢弃，不报错也不警告。
-
<base href="static/">→ 无效（缺协议和根斜杠） -
<base href="../assets/">→ 无效（含..） -
<base href="/myapp">→ 有风险（结尾没斜杠，Firefox 可能截断成/myappcss/） -
<base href="/myapp/">→ 安全（根相对路径，结尾带斜杠） -
<base href="https://cdn.example.com/v3/">→ 最稳妥（绝对 URL，部署可控）
必须放在
它不是“全局配置”，而是 HTML 解析器在读取后续标签时用的临时基准。位置错或重复，等于没写。
- 放错位置：
<title>App</title> <base href="/app/">→<title></title>已解析完毕，<base>对它完全无效 - 重复声明：SSR 模板拼接时 header 和 page 各 render 一个 → 控制台提示
Multiple base elements detected. Only the first one is used.，第二个被丢弃 - 动态插入：
document.head.appendChild(baseEl)→ 已解析的<img src="x">不重算，只影响之后新创建的元素
只影响 HTML 解析阶段的特定属性
<base> 不是“路径代理”，它只在浏览器解析 HTML 文档那一刻起作用，且仅限于明确用于资源定位的属性值。
- ✅ 真正受影响：
<a href="contact.html"></a>、<img src="logo.png">、<script src="app.js"></script>、<form action="submit.php"></form>、CSS 中的background: url(icon.svg)（注意：这是 HTML 解析时计算的，不是 CSS 引擎自己 resolve） - ❌ 完全不受影响：
fetch('./api/data.json')、import('./utils.js')、new Worker('./worker.js')、CSS 中的@import "reset.css"、<iframe src="page.html"></iframe>（它的src相对于 iframe 当前 URL） - ⚠️ 特别注意：
<a href="/admin"></a>是根相对路径，根本不受<base>控制——它直接拼到当前域名下
target 属性会意外影响表单和链接行为
<base target="_blank"> 看似只是让链接新开页，但它同时作用于所有未显式声明 target 的 <a></a>、<form></form>，甚至 <meta http-equiv="refresh">。
-
<form action="submit.php"></form>提交后会跳转到新窗口，打断用户流程 - 如果页面里有
<meta http-equiv="refresh" content="0;url=success.html">，也会在新页打开 - 现代实践建议：显式写
rel="noopener"配合target="_blank"，避免安全风险；慎用<base target>，除非整站强约束
真正麻烦的不是配置本身，而是它只管 HTML 解析这一瞬，却要求构建产物、CDN 路径、Service Worker 缓存、前端路由全部与之对齐——漏掉任意一环，<img src="icon.png"> 就 404，而且你很难从 Network 面板一眼看出问题根源。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
