<base>:文档根 URL 元素

HTML <base> 元素 指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。

一个文档的基本 URL, 可以通过使用 document.baseURI 的 JS 脚本查询。如果文档不包含 <base> 元素,baseURI 默认为 document.location.href

内容类别 元数据内容。
合法的内容 无,它是一个empty element
标签省略 该标签不能有结束标签。
合法的父级 任何不带有任何其他 <base> 元素的<head> 元素
合法的 ARIA 角色
DOM 接口 HTMLBaseElement

属性

该标签包含全局属性

如果指定了以下任一属性,这个元素必须在其他任何属性是URL的元素之前。例如:<link>href 属性。

href
用于文档中相对 URL 地址的基础 URL。允许绝对和相对URL。
target
默认浏览上下文的关键字或作者定义的名称,当没有明确目标的链接 <a> 或表单 <form> 导致导航被激活时显示其结果。该属性值定位到浏览上下文(例如选项卡,窗口或内联框 <iframe> )。
以下的关键字指定特殊的意思:
  • _self: 载入结果到当前浏览上下文中。(该值是元素的默认值)。
  • _blank: 载入结果到一个新的未命名的浏览上下文。
  • _parent: 载入结果到父级浏览上下文(如果当前页是内联框)。如果没有父级结构,该选项的行为和_self一样。
  • _top: 载入结果到顶级浏览上下文(该浏览上下文是当前上下文的最顶级上下文)。如果没有父级,该选项的行为和_self一样。

使用说明

多个 <base> 元素

如果指定了多个 <base> 元素,只会使用第一个 href target 值, 其余都会被忽略。

页内锚

指向文档中某个片段的链接,例如 <a href="#some-id"><base> 解析,触发对带有附加片段的基本 URL 的 HTTP 请求。

例如:给定 <base href="https://example.com">

以及此链接 <a href="#anchor">Anker</a>

链接指向 https://example.com/#anchor

Open Graph

Open Graph 标签不接受 <base>,并且应该始终具有完整的绝对URL。例如:

<meta property="og:image" content="https://example.com/thumbnail.jpg">

示例

<base href="http://www.example.com/">
<base target="_blank">
<base target="_top" href="http://www.example.com/">  

规范

规范 状态 注释
HTML Living Standard
<base>
Living Standard 上次快照之后没有变化。
HTML5
<base>
Recommendation 指定 target 的行为
HTML 4.01 Specification
<base>
Recommendation 添加 target  属性

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
baseChrome Full support YesEdge Full support YesFirefox Full support 1IE Full support Yes
Notes
Full support Yes
Notes
Notes Before Internet Explorer 7, <base> can be positioned anywhere in the document and the nearest value of <base> is used.
Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
hrefChrome Full support YesEdge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
targetChrome Full support YesEdge Full support YesFirefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
See implementation notes.
See implementation notes.