HTML <base> 标签

最新推荐文章于 2023-04-04 07:32:48 发布

chujingbin

最新推荐文章于 2023-04-04 07:32:48 发布

阅读量175

点赞数

文章标签： html url 浏览器 xhtml 文档 css

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

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

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

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

假设图像的绝对地址是：

<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" />

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

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

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

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

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

属性	值	描述
href	URL	规定作为基准 URL 在页面中使用的 URL。
target	_blank _parent _self _top	在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。

     在 HTML 中，<base> 标签没有结束标签；在 XHTML 中，<base> 标签必须被正确地关闭。

关注