HTML <base> 标签

在html中,<base>标签是使用来为页面中的所有相对 链接指定默认地址(目录)或默认属性(target属性),通常是用在那些有深度嵌套目录的页面。使用该标签后,之后的相对链接就可以从<base>标签指定的目录为基础开始写,就简短多了。


实例

  1. <html>
  2. <head>
  3. <base href="https://cankaoshouce.com/images/" />
  4. <base target="_blank" />
  5. </head>
  6. <body>
  7. <img src="demo.png" /><br />
  8. <p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:</p>
  9. <p>"https://cankaoshouce.com/images/demo.png"</p>
  10. <br /><br />
  11. <p><a href="https://cankaoshouce.com">参考手册</a></p>
  12. <p>请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>
  13. </body>
  14. </html>

浏览器支持

元素
<base>YesYesYesYesYes

所有浏览器都支持 <base> 标签。


定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括<a>、<img>、<link>、<form> 标签中的 URL。


HTML 与 XHTML 之间的差异

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


提示和注释:

注释: 标签必须位于 head 元素内部。


必需的属性

属性描述
hrefURL规定页面中所有相对链接的基准 URL。

可选的属性

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

标准的属性和事件


相关页面

HTML DOM 参考手册:Base 对象