HTML 5 <base> 标签

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# HTML 5 <base> 标签

## 定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<base> 标签必须位于 head 元素内部。

## 实例

### 例子 1

假设图像的绝对地址是：

    <img src="http://www.w3school.com.cn/i/pic.gif" />

现在我们在页面中的 head 部分插入 <base> 标签，规定页面中所有链接的基准 url：

    <head>
    <base href="http://www.w3school.com.cn/i/" />
    </head>

在上例中的页面上插入图像时，我们必须规定相对的地址，浏览器会寻找文件所使用的完整 URL：

    <img src="pic.gif" />

### 例子 2

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

    <head>
    <base href="http://www.w3school.com.cn/css/" target="_blank" />
    </head>

    <body>
    <a href="default.asp">W3School's CSS Tutorial</a>
    </body>

亲自试一试

## HTML 4.01 与 HTML 5 之间的差异

None

## 提示和注释

提示：请把 <base> 标签排在 head 元素中第一个元素的位置，这样 head 中其他元素就可以利用 <base> 元素中的信息了。

注释：在一个文档中，最多能使用一个 <base> 元素。

## 属性

属性 | 值 | 描述
--- | --- | ---
href | URL | 规定作为基准 URL 在页面中使用的 URL。

target

- _blank
- _parent
- _self
- _top

在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。

## 标准属性和事件

没有。