HTML5 <base> 标签
定义和用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
<base> 标签必须位于 head 元素内部。
实例
例子 1
假设图像的绝对地址是:
/img
现在我们在页面中的 head 部分插入 <base> 标签,规定页面中所有链接的基准 url:
<head>
<base href="http://www.w3chtml.com/img/" />
</head>
在上例中的页面上插入图像时,我们必须规定相对的地址,浏览器会寻找文件所使用的完整 URL:
<img src="google_cn.png" />
例子 2
规定页面上所有链接的默认 URL 和默认目标:
<head>
<base href="http://www.w3chtml.com/html5/" target="_blank" />
</head>
<body>
<a href="index.html">w3c html5</a>
</body>
HTML 4.01 与 HTML 5 之间的差异
None
提示和注释
提示:请把 <base> 标签排在 head 元素中第一个元素的位置,这样 head 中其他元素就可以利用 <base> 元素中的信息了。
注释:在一个文档中,最多能使用一个 <base> 元素。
属性
属性 | 值 | 描述 |
---|---|---|
href | URL | 规定作为基准 URL 在页面中使用的 URL。 |
target |
|
在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。 |