<base>标签用于为页面中所有相对URL指定统一基准地址，必须置于<head>内且最多一个；支持href和target属性，仅影响相对URL，SPA项目中慎用。
<base> 标签用于为页面中所有相对 URL 指定统一的基准地址（base URL），它必须放在 <head> 中，且一个页面最多只能有一个 <base> 标签。
正确使用 base 标签设置全局基准路径
在 <head> 内添加如下代码即可生效：
<base href="https://example.com/assets/">此后，页面中所有相对链接都会以该地址为起点解析。例如：
-
<img src="logo.png">→ 实际加载https://example.com/assets/logo.png -
<a href="about.html">→ 跳转到https://example.com/assets/about.html -
<script src="main.js"></script>→ 加载https://example.com/assets/main.js
注意 target 属性可统一控制链接打开方式
除了 href，<base> 还支持 target 属性，用于指定所有带 href 或 form action 的链接默认打开方式：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
<base href="/static/" target="_blank">这样所有相对链接（如 <a href="contact.html">）都会在新标签页中打开。
常见误区与注意事项
- base 只影响相对 URL，绝对 URL（含协议或以
/开头）不受影响 - 多个 <base> 标签时，只有第一个生效，其余被忽略
- SPA（如 Vue/React）项目中慎用，可能干扰前端路由；建议优先用构建工具处理路径
- 本地开发时若用
file://协议，base 的 href 必须是绝对路径（如file:///D:/project/），否则可能失效
动态设置 base 的替代方案（不推荐但可行）
若需运行时确定 base 地址，可用 JavaScript 在 DOM 加载前插入（必须早于其他资源）：
<script>document.write('<base href="' + location.origin + '/app/' + '">');</script>但这种方式破坏语义、影响 SEO 和预加载，仅作临时调试参考。
