<base>: 基准链接标签
最后更新:2026-10-13
<base>基准链接标签
为页面所有相对 URL 指定默认的基准地址或默认打开方式,每个文档最多一个,且必须放在任何带 URL 的属性之前。
| 分类 | 元数据 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 自闭合 — 无需闭合标签 |
| 状态 | 标准 |
📝 语法
<base href="https://example.com/">
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
href | 相对 URL 解析所依据的基准地址。 | |
target | 链接默认打开的目标窗口(如 _blank)。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <base> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: base 是空元素;一旦设置,页面里所有相对链接都会以它为基准,慎用。
❓ 常见问题
Qbase 标签是做什么用的?
A
<base href='https://example.com/app/'> 为页面所有相对 URL 设置基准地址——图片、链接、表单提交的相对路径都基于它解析。还可用 target 属性统一指定链接打开方式(如全部新窗口)。Qbase 会影响锚点链接吗?
A会,而且常出坑:
<a href='#top'> 在设置了 base href 的页面里会被解析到基准地址下的 /#top 而不是当前页,导致意外跳转。设置了 base 的页面内锚点建议写完整当前页地址。Qbase 必须放在 head 最前面吗?
A强烈建议放最前:
<base> 只对它之后出现的 URL 生效,若有相对路径资源在 base 之前声明,会按错误的基准解析。head 内第一个元素就是最安全的位置。🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。