Web速查-索引

定义

<base> 标签用于设置相对 URL 的解析基准。

base 元素可以用来设置一个基准 URL,让 HTML 文档中的相对链接在此基础上进行解析。

注意

<base> 标签必须位于 <head> 标签内部,并尽量靠前,以便随后的元素中的相对 URL 可以用上其设置的基准 URL。

属性

属性 描述
href URL 指定该 HTML 文档中所有相对链接的基准 URL。
target _blank、_parent、_self、_top、framename 指定在何处打开超链接。
_blank:在新窗口中打开
_parent:在当前的父窗口中打开,如果不存在父窗口,此选项的行为方式与 _self 等同
_self:当前窗口打开(默认)
_top:在整个窗口中打开
framename:在指定的框架中打开

实例

<!DOCTYPE html>
<html>
<head>
<base href="../img/" target="_blank">
</head>
<body>
<img src="logo.png"><br>
<p>请注意,已经为图像规定了一个相对地址。<br>由于已经在 head 部分规定了一个基准 URL,浏览器将在上级目录img文件下寻找图片:</p>
<p>"http://bbs.fishc.com/template/damei_z14/image/logo.png"</p>
<br><br>
<p><a href="http://www.fishc.com">鱼C主页</a></p>
<p>请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。<br>这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>
</body>
</html>


请注意,已经为图像规定了一个相对地址。
由于已经在 head 部分规定了一个基准 URL,浏览器将在上级目录img文件下寻找图片:


../img/logo.png




鱼C主页


请注意,链接会在新窗口中打开,即使链接中没有 target=”_blank” 属性。
这是因为 base 元素的 target 属性已经被设置为 “_blank” 了。

视频讲解