<base>:文档根 URL 元素

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

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> 元素,只会使用第一个 hreftarget 值,其余都会被忽略。

页内锚

指向文档中某个片段的链接,例如 <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">

示例

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

规范

Specification
HTML
# the-base-element

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
base
href
data: and javascript: urls are not allowed
Relative URIs.
target

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support