HTML <base> 元素

HTML <base> 元素指定了用于文档中所有相对 URL 的基本 URL。在文档中只能有一个 <base> 元素。

可以通过 document.baseURI 脚本查询文档的基本 URL。

规定页面上所有链接的默认 URL 和默认目标:

<html>
  <head>
  <base href="https://www.mifengjc.com/images/" target="_blank">
  </head>
  
  <body>
    <img src="logo.png" height="36" alt="Logo">
    <a href="../">mifengjc.com</a>
  </body>
</html>

尝试一下 »

截图

规定页面上所有链接的默认 URL 和默认目标

特性

内容类别 元数据内容
允许的内容 无,它是一个空元素.
标签省略 不能有关闭标签。
允许的父元素 任何不包含其他 <base> 元素的 <head> 元素。
允许的 ARIA 角色
DOM 接口 HTMLBaseElement

属性

该元素包含了全局属性

href

在整个文档中相对 URL 地址的基本 URL。如果指定了此属性,则该元素必须位于有 URL 属性的任何其他元素之前。其值可以是绝对或相对 URL。

target

一个名字或关键字,表示没有设置 target 属性的超链接跳转或表单提交时,显示结果的位置。它是一个 浏览上下文 的名称或关键字,(例如:选项卡,窗口或 <iframe>)。以下关键字有特殊含义:

  • _self: 将 URL 加载到与当前 URL 相同的浏览上下文中。这是默认行为。
  • _blank: 将 URL 加载到新的浏览上下文中。这通常是一个选项卡,但用户可以配置浏览器来使用新窗口打开。
  • _parent: 将 URL 加载到当前的父级浏览上下文中。如果没有父级,那么它的行为方式与 _self 相同。
  • _top: 将 URL 加载到顶级浏览上下文中(即当前流量上下文的“最上级”的浏览上下文,并且没有父级)。如果没有父级,那么它的行为方式与 _self 相同。

事件属性

<base> 元素不支持任何的事件属性。

使用注意

如果指定了多个 <base> 元素,则仅使用第一个 href 和第一个 target 值;所有其他的都被忽略。

实例

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

规范

规范 状态 备注
HTML Living Standard
<base> 的定义
现行的标准 自上次快照以来没有变化。
HTML5
<base> 的定义
推荐 指定了 target 的行为
HTML 4.01 Specification
<base> 的定义
推荐 增加了 target 属性

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 支持 支持 1.0 支持1 支持 支持
href 支持 支持 1.0 支持 支持 支持
target 支持 支持 支持 支持 支持 支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 1.0 支持 支持 支持
href 支持 支持 支持 1.0 支持 支持 支持
target 支持 支持 支持 支持 支持 支持 支持

1. 在 Internet Explorer 7 之前, <base> 可以放置在文档中的任何位置,并使用最近的 <base> 值。