base标签仅在HTML解析阶段重置纯相对URL（如logo.png）的解析起点，必须为绝对URL或根相对路径（以/开头且结尾带/），否则静默失效；它不影响JS/CSS运行时路径、fetch、import等动态行为。
base标签只在HTML解析阶段生效，不是运行时重写器
浏览器遇到<base href="/app/">，不是给所有路径“自动加前缀”，而是在解析 HTML 文档那一瞬间，对后续出现的纯相对 URL（如logo.png）做一次拼接计算：当前页面 URL 被完全丢弃，直接以 href 值为新基准，再拼上相对路径。拼完就结束，不参与后续任何 JS 或 CSS 的路径解析。
这意味着：
-
fetch('./api')、import('./utils.js')、@import "reset.css"全部无视<base>，仍按模块所在文件位置或当前页面 URL 解析 - CSS 里的
url(logo.png)看似相对，但它由 CSS 引擎解析，不是 HTML 解析器处理的——所以不受控 -
<img srcset="logo-2x.png 2x">中的srcset属性明确被规范排除在<base>影响范围外
href值必须是绝对URL或根相对路径，否则静默失效
浏览器对 <base> 的 href 值校验极严：只有以 https://、http://、// 或 / 开头，且（对根相对路径）结尾带斜杠，才被接受。其他写法如 assets/、../static/、%PUBLIC_URL%/ 全部被静默忽略——控制台无报错，但所有相对链接照旧按原始页面 URL 解析，上线后批量 404。
常见合法写法：
立即学习“前端免费学习笔记（深入）”；
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
https://cdn.example.com/v3/✅ 推荐用于 CDN，协议+域名+版本路径清晰 -
/myapp/✅ 根相对路径，适用于 SPA 部署在子路径，结尾斜杠不可省（Firefox 会截断） -
//cdn.example.com/v3/✅ 协议相对，自动继承当前页 http/https，适合混合环境
base必须放在<head>最前面，且只能有一个
<base> 的作用范围是“它之后出现的 HTML 标签中符合条件的属性”。如果它出现在 <title> 后面，那 <title> 之前的 <link rel="stylesheet" href="main.css"> 已经按原始页面 URL 解析完毕，<base> 对它完全无效。
典型错误场景：
- 放在
<body>里 → 浏览器直接忽略，不警告也不报错 - SSR 模板拼接导致多个
<base>→ 只有第一个生效，Chrome 控制台提示Multiple base elements detected. Only the first one is used. - 用 JS 动态插入（如
document.head.appendChild(baseEl)）→ 解析阶段早已结束，已渲染的元素不会重算，只影响之后新创建的 DOM
哪些HTML属性真正受base影响，哪些完全不受控
受控属性（仅限 HTML 解析阶段的纯相对路径）：
<img src="logo.png">-
<script src="app.js">和<link rel="stylesheet" href="style.css"> -
<a href="about.html">、<form action="submit.php"> -
<meta http-equiv="refresh" content="0;url=success.html">中的url=值 - CSS 文件被 HTML 加载时，其
url()函数中的相对路径（注意：这是 HTML 解析器在加载 CSS 文件那一刻拼的，不是 CSS 引擎自己 resolve）
完全不受控（运行时行为，绕过 HTML 解析层）：
-
fetch('./data.json')、XMLHttpRequest.open('GET', 'api/users') -
import('./utils.js')、import.meta.url - CSS 文件内的
@import "reset.css"（按该 CSS 文件自身路径解析） -
<iframe src="/admin/frame.html">（根相对路径，不触发 base 补全）
最容易被忽略的是：你设了 <base href="/v2/">，却指望 JS 里的 new Worker('./worker.js') 自动变成 /v2/worker.js——它不会。这不是 bug，是设计如此。
