<base>: 基准链接标签

最后更新:2026-10-13

<base>基准链接标签

为页面所有相对 URL 指定默认的基准地址或默认打开方式,每个文档最多一个,且必须放在任何带 URL 的属性之前。

分类元数据
内容模型流式内容
允许的父元素接受流式内容的元素
闭合标签自闭合 — 无需闭合标签
状态标准

📝 语法

<base href="https://example.com/">

⚙️ 属性

该元素支持全局属性及以下专有属性:

属性值描述
href相对 URL 解析所依据的基准地址。
target链接默认打开的目标窗口(如 _blank)。

▶ 示例

编辑下方代码,在 playground 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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 内第一个元素就是最安全的位置。
更多案例即将上线,敬请期待。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏