HTML <base> 标签 详解
HTML基础 2022-06-02 09:38:46小码哥的IT人生shichen
HTML <base> 标签
实例
<head>
<base href="http://www.phpcodeweb.com/i/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<a href="http://www.phpcodeweb.com">phpcodeweb</a>
</body>
完整实例【亲自试一试】：
<html>
<head>
<base href="http://www.phpcodeweb.com/i/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" /><br />
<p>请注意，我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL，浏览器将在如下地址寻找图片：</p>
<p>"http://www.phpcodeweb.com/i/eg_smile.gif"</p>
<br /><br />
<p><a href="http://www.phpcodeweb.com">phpcodeweb</a></p>
<p>请注意，链接会在新窗口中打开，即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <base> | Yes | Yes | Yes | Yes | Yes |
所有浏览器都支持 <base> 标签。
定义和用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
HTML 与 XHTML 之间的差异
在 HTML 中，<base> 标签没有结束标签；在 XHTML 中，<base> 标签必须被正确地关闭。
提示和注释：
注释：<base> 标签必须位于 head 元素内部。
必需的属性
| 属性 | 值 | 描述 |
|---|---|---|
| href | URL | 规定页面中所有相对链接的基准 URL。 |
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| target |
|
在何处打开页面中所有的链接。 |
标准的属性和事件
NONE
相关页面
HTML DOM 参考手册：Base 对象
