<base>标签重置HTML解析器对后续纯相对URL的基准起点，非加前缀；href必须为绝对URL或根相对路径（结尾带/），且须置于<head>最前唯一存在，否则静默404；仅影响img/src、script/src等HTML属性及CSS中url()，不影响fetch、import等JS运行时路径。
<base> 标签不是“加前缀”，而是重置 HTML 解析器对后续所有相对 URL 的基准起点；设错一个字符，<img src="logo.png"> 就 404，且浏览器通常不报错，只静默失败。
base href 值必须是绝对 URL 或根相对路径（结尾带斜杠）
浏览器只接受 href 值以 https://、http://、// 或 / 开头。其他写法（如 assets/、../static/、%PUBLIC_URL%/）会被静默忽略——控制台无提示，但所有纯相对路径都退回到按当前页面 URL 解析，上线后批量 404。
-
✅ 推荐写法：
https://cdn.example.com/v3/（协议+域名+路径，结尾斜杠不能少） -
✅ 合法写法：
/myapp/（根相对路径，结尾斜杠必须存在；缺斜杠在 Firefox 中可能被截断为/myappcss/） -
✅ 可用写法：
//cdn.example.com/v3/（协议相对，自动继承当前页 http/https） -
❌ 无效写法：
static/（无协议无根）、../assets/（含..）、https://example.com（结尾没斜杠）、%PUBLIC_URL%/（未被服务端替换就发到浏览器）
base 标签必须放在 <head> 最顶部且只能有一个
<base> 的作用发生在 HTML 解析阶段，它只对它之后出现的标签生效。位置或数量错，等于没写。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 必须早于
<title>、<link>、<script>等任何依赖路径的标签 - 放错位置示例：
<head><link href="main.css"><base href="/app/"></head>→main.css已按原始页面 URL 解析完毕，不受控 - 放
<base>到<body>里？浏览器直接忽略，不警告也不报错 - 多个
<base>？只有第一个生效；Chrome 控制台会提示Multiple base elements detected. Only the first one is used. - 禁止用 JS 动态插入：
document.head.appendChild(baseEl)—— 解析阶段早已结束，已加载的资源不会重算
哪些属性真受影响，哪些完全不管
<base> 只影响 HTML 解析阶段的纯相对路径（即不以 /、: 或协议开头的字符串），不是全局路径代理。很多你以为它能管的，其实完全不管。
立即学习“前端免费学习笔记（深入）”；
-
✅ 明确受影响：
<img src="logo.png">、<script src="app.js">、<link href="style.css">、<form action="submit.php">、CSS 中的background: url(avatar.jpg)（注意：这是 HTML 解析时计算的，非 CSS 运行时） -
❌ 完全不受影响：
fetch('./api/data.json')、import('./utils.js')、new Worker('./worker.js')、CSS 中的@import "reset.css"、<iframe src="page.html">（它的src相对于 iframe 当前 URL） -
⚠️ 特别注意：
href="/admin"这类根相对路径根本不受<base>控制，它直接拼到当前域名下，和href值无关
最容易被忽略的是：它不影响 JS/CSS 运行时路径，却会影响 CSS 里的 url() —— 这个边界非常窄，但一旦误以为“所有 url 都统一了”，调试时就会卡很久。
