标签用于统一设置页面内所有相对URL的解析基准，必须置于中且仅能出现一次；其href值须为绝对URL或根相对路径，动态修改无效。
它不改变已有绝对 URL，只影响 、、、 等标签中出现的相对路径。浏览器在解析这些相对地址时，会以 href 值为起点，而非当前页面 URL。
必须放在
HTML5 明确规定： 的子元素，且整个文档中最多允许一个。如果写了多个，只有第一个生效；如果写在 里，多数浏览器会忽略或触发解析警告。
- 错误位置示例：
- 正确写法：
- 若同时设
href和target，两者都生效，例如：
——所有相对链接默认用/static/解析，且点击后在新窗口打开
href 值必须是绝对 URL 或根相对路径（/ 开头）
不能是普通相对路径（如 ./assets/ 或 images/），否则浏览器会静默忽略该
- ✅ 合法：
href="https://example.com/assets/"、href="/assets/" - ❌ 无效：
href="assets/"、href="../static/"、href="data:," - 注意：即使页面本身是
file://协议，
动态修改
DOM 中插入或修改
立即学习“前端免费学习笔记（深入）”；
- JavaScript 修改无效示例：
document.querySelector('base').href = 'https://new-cdn.com/';——已有
- 真正需要切换基准路径时，应提前确定并静态写入
new URL('logo.png', document.baseURI)） - 服务端渲染（SSR）或构建工具（如 Webpack/Vite）中，更推荐通过配置统一处理资源路径，而非依赖
/user/123 页面）和资源路径混用时，href="/api" 和 href="api" 会因 base 设置产生完全不同的请求目标。真要用，务必全链路验证所有相对引用是否如预期解析。 
