首页 > 代码库 > HTML <base> 标签 为页面上的所有链接规定默认地址或默认目标

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

定义和用法

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

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

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

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

可选的属性

属性描述
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
在何处打开页面中所有的链接。

案例:

<html><head><base href=http://www.mamicode.com/"http://www.w3school.com.cn/i/" /><base target="_blank" /></head><body><img src=http://www.mamicode.com/"eg_smile.gif" /><br /><p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:</p><p>"http://www.w3school.com.cn/i/eg_smile.gif"</p><br /><br /><p><a href=http://www.mamicode.com/"http://www.w3school.com.cn">W3School</a></p><p>请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p></body></html>
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-cn" /><base target="_blank" /></head><body><p><a href=http://www.mamicode.com/"http://www.w3school.com.cn" target="_blank">这个连接</a> 将在新窗口中加载,因为 target 属性被设置为 "_blank"</p><p><a href=http://www.mamicode.com/"http://www.w3school.com.cn">这个连接</a> 也将在新窗口中加载,即使没有 target 属性。</p></body></html>

Base 对象

Base 对象代表 HTML 的 base 元素。

在 HTML 文档中 <base> 每出现一次,Base 对象就会被创建。

Base 对象属性

属性描述
href设置或返回针对页面中所有链接的基准 URL。
id设置或返回 <base> 元素的 id。
target设置或返回针对页面中所有链接的默认目标框架。

 

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