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>
特性
内容类别 | 元数据内容。 |
---|---|
允许的内容 | 无,它是一个空元素. |
标签省略 | 不能有关闭标签。 |
允许的父元素 | 任何不包含其他 <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>
值。