<base>

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

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

浏览器支持


所有主流浏览器都支持<base>标签。

示例

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

属性

如果指定了以下任一属性，这个元素必须在其他任何属性是URL的元素之前。例如：<link>的href属性。该标签包含全局属性。

href用于文档中相对 URL 地址的基础 URL。允许绝对和相对URL。
target默认浏览上下文的关键字或作者定义的名称，当没有明确目标的链接<a>或表单<form>导致导航被激活时显示其结果。该属性值定位到浏览上下文（例如选项卡，窗口或内联框<iframe>）。
- _self:载入结果到当前浏览上下文中。（该值是元素的默认值）。
- _blank:载入结果到一个新的未命名的浏览上下文。
- _parent:载入结果到父级浏览上下文（如果当前页是内联框）。如果没有父级结构，该选项的行为和_self一样。
- _top:载入结果到顶级浏览上下文（该浏览上下文是当前上下文的最顶级上下文）。如果没有父级，该选项的行为和_self一样。
使用说明
- <base>标签规定页面中所有链接的基准 url。
- 在一个文档中，最多能使用一个<base>元素。<base>标签必须位于<head>元素内部。
- 多个<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
- 通讯协议
  通讯协议标签不接受<base>，并且应该始终具有完整的绝对URL。例如：
```
<meta property="og:image" content="https://example.com/thumbnail.jpg">
```
提示和注释
提示：请把<base>标签排在<head>元素中第一个元素的位置，这样 head 区域中其他元素就可以使用<base>元素中的信息了。
注释：如果使用了<base>标签，则必须具备 href 属性或者 target 属性或者两个属性都具备。
HTML 4.01 与 HTML5之间的差异
无。
HTML 与 XHTML 之间的差异
在 HTML 中，<base>标签没有结束标签。
在 XHTML 中，<base>标签必须被正确地关闭。
例子
假设图像的绝对地址是：
```
<img src="http://www.example.com/i/pic.gif" />
```
现在我们在页面中的 head 部分插入<base>标签，规定页面中所有链接的基准 url：
```
<head>
<base href="http://www.example.com/i/" />
</head>
```
在上例中的页面上插入图像时，我们必须规定相对的地址，浏览器会寻找文件所使用的完整 URL：
```
<img src="pic.gif" />
```
例子
规定页面上所有链接的默认 URL 和默认目标：
```
<head>
<base href="//www.lanmper.cn/" target="_blank">
</head>
<body>
<img src="stickman.gif" width="24" height="39" alt="stickman">
<a href=https://www.lanmper.cn>学编程l</a>
</body>
```

<base>

浏览器支持

示例

属性

使用说明

提示和注释

HTML 4.01 与 HTML5之间的差异

HTML 与 XHTML 之间的差异

例子

例子