能用且完全兼容，HTML5 保留 <base> 标签并维持其语义，但要求必须位于 <head> 内且仅允许一个、href 必须为绝对 URL、不可动态插入。
HTML5 中 <base> 标签是否还能用
能用，完全兼容。HTML5 明确保留了 <base>，且语义和基本行为没变——它仍用于为当前文档中所有相对 URL 指定默认协议、主机名和路径前缀。
<base> 的作用在 HTML5 里有没有变化
核心作用没变，但规范收紧了约束条件，实际使用中更容易出错：
- HTML5 要求
<base>必须写在<head>内，且必须在任何使用相对 URL 的元素（如<a>、<img>、<script>）之前；否则浏览器会忽略它 - HTML4 允许多个
<base>（后一个覆盖前一个），HTML5 明确只允许**一个**；多个会导致第一个之后的全部被忽略 -
href属性值必须是**绝对 URL**（如https://example.com/static/），不能是相对路径（如./assets/）或空字符串，否则整个标签无效 -
target属性仍可用，但仅影响带target的元素（如<a>、<form>），对<img>或<link>无作用
常见错误现象和调试建议
页面资源 404、链接跳转到奇怪地址、target="_blank" 不生效——这些很可能就是 <base> 配置不当导致的。
- 检查是否误把相对路径写进
href：比如<base href="css/">是非法的，应改为<base href="https://yoursite.com/css/"> - 确认它位于
<head>最前面，且前面没有<script>或<style>等可能触发解析的标签 - 用浏览器开发者工具的 Network 面板看请求地址，对比是否被 base 前缀意外拼接（例如原图
logo.png变成https://example.com/js/logo.png） - 动态插入
<base>（如 JS 创建并 append）在 HTML5 中**无效**，必须是初始 HTML 解析时就存在的
<!DOCTYPE html> <html> <head> <base href="https://cdn.example.com/v1/" target="_blank"> <link rel="stylesheet" href="main.css"> <!-- 解析为 https://cdn.example.com/v1/main.css --> <script src="app.js"></script> <!-- 解析为 https://cdn.example.com/v1/app.js --> </head> <body> <a href="/admin">管理页</a> <!-- 仍走绝对路径，base 不影响以 / 开头的 URL --> <a href="user.html">用户页</a> <!-- 解析为 https://cdn.example.com/v1/user.html --> </body> </html>
最易被忽略的是：base 对以 /、//、http: 开头的 URL 完全不生效，只作用于真正“相对”的路径。别指望它能统一改写所有链接——它的控制范围其实很窄，但一旦配错，影响又很广。
立即学习“前端免费学习笔记（深入）”；
