<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>"../img/logo.png</p>
<br><br>
<p><a href="http://nitian.web3v.vip">NTHOME主页</a></p>
<p>请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。<br>这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>
</body>
</html>
请注意,已经为图像规定了一个相对地址。
由于已经在 head 部分规定了一个基准 URL,浏览器将在上级目录img文件下寻找图片:
请注意,链接会在新窗口中打开,即使链接中没有 target=”_blank” 属性。
这是因为 base 元素的 target 属性已经被设置为 “_blank” 了。
表格中的数字表示支持该属性的第一个浏览器版本号。
Safari | Chrome | FireFox | IE |
1.0 | 1.0 | 1.0 | 8.0 |