HTML <base> 标签

HTML <base> 标签用于指定一个文档的基本 URL。在一个文档中，最多可以使用一次 <base> 标签。通常，它被放置在 <head> 部分内，但也可以放置在其他地方。

语法

<base href="URL" target="_blank">
  • href: 该属性指定了文档中所有相对 URL 的基本 URL。
  • target: 该属性指定了默认的链接目标（例如，在何处打开链接）。

使用场景

  1. 网站内部链接: 当你有一个大型网站并且需要在不同页面之间进行导航时，<base> 标签可以节省很多时间和工作。通过设置基本 URL，所有相对 URL 都将相对于该 URL 进行解析，从而无需为每个链接指定完整的 URL。

  2. 在新窗口或标签页中打开链接: 使用 target 属性可以控制网站上的所有链接默认在何处打开。这对于需要在新选项卡中打开外部链接的情况非常有用。

注意事项

  • <base> 标签必须在 <head> 部分内使用，否则将不起作用。
  • 如果文档中已经存在一个 <base> 标签，那么任何后续出现的 <base> 标签都将被忽略。
  • href 属性是必需的，否则 <base> 标签无效。

示例

<!DOCTYPE html>
<html>
<head>
    <base href="https://www.example.com/" target="_blank">
</head>
<body>
    <!-- 当用户点击下面的链接时，它将在新窗口或标签页中打开 "https://www.example.com/about" -->
    <a href="about">关于我们</a>
</body>
</html>

在这个例子中，所有相对 URL（如 "about"）都将解析为 "https://www.example.com/about"。