📌  相关文章
📜  HTML |<base>目标属性(1)

📅  最后修改于: 2023-12-03 15:15:38.610000             🧑  作者: Mango

HTML <base> 目标属性

HTML <base> 元素中的目标属性用于指定超链接的默认目标，当超链接中未指定目标时，该默认目标将被替代。以下是该属性的使用方法和示例。

使用方法

使用 <base> 元素设置默认的链接目标。可以使用以下属性之一设置目标：

  • _self：默认目标，链接的资源将在同一窗口或标签页中加载(as default)。
  • _blank：链接资源将在新窗口或标签页中加载。
  • _parent：链接资源将在父级窗口或标签页中加载。
  • _top：链接资源将在整个窗口或标签页中加载。

在 HTML 文档中，只能使用一个 <base> 元素，并且必须将其放在文档的头部。

以下是一个设置默认目标为新窗口的示例：

<!DOCTYPE html>
<html>
<head>
  <base target="_blank">
  <title>HTML Base属性示例</title>
</head>
<body>
  <a href="http://www.baidu.com/">访问百度</a>
</body>
</html>
示例

以下是一个完整的示例，其中包含使用不同目标属性的超链接。

<!DOCTYPE html>
<html>
<head>
  <base target="_parent">
  <title>HTML Base属性示例</title>
</head>
<body>
  <h1>HTML Base属性示例</h1>

  <ul>
    <li><a href="http://www.baidu.com/">访问百度，目标为默认目标，会在当前窗口中加载</a></li>
    <li><a href="http://www.taobao.com/" target="_blank">访问淘宝，目标为_blank，会在新窗口中加载</a></li>
    <li><a href="http://www.jd.com/" target="_self">访问京东，目标为_self，会在当前窗口中加载</a></li>
    <li><a href="http://www.cnblogs.com/" target="_top">访问博客园，目标为_top，会在整个窗口中加载</a></li>
  </ul>
</body>
</html>

在上述示例中，我们将默认的链接目标设置为 _parent。然后，我们向页面添加了四个超链接，每个链接分别指向不同的站点，并使用不同的目标（包括默认目标 _self）。