如何在 HTML 中更改链接的目标？

我们使用 <a>…</a> 标签的 target 属性来更改链接的目标值。target 属性可用于在新标签页、当前标签页中打开任何链接，依此类推。

  • _blank − 链接将在新标签页中打开。

  • _self − 链接将在当前标签页中打开。

  • _parent − 链接将在父框架中打开。

  • _top − 链接将在顶级框架中打开。

语法

以下是在 HTML 中更改链接目标的语法。

<a href="link…" target="_parent|_blank|_self|_top">Link text…</a>

示例

以下是更改链接目标值的示例程序。

<!DOCTYPE html>
<html>
<head>
   <style>
      a:link {
         color: greenyellow;
         background-color: transparent;
         text-decoration: none;
      }
      a:visited {
         color: deepskyblue;
         background-color: transparent;
         text-decoration: none;
      }
      a:active {
         color: yellow;
         background-color: transparent;
      }
   </style>
</head>
<body>
   <a href="https://www.youtube.com/watch?v=qz0aGYrrlhU" target="_blank">HTML Tutorial</a>
</body>
</html>

当我们点击链接时，链接将在新标签页中打开。

示例

以下另一个示例程序用于更改链接的目标值。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <a href="https://www.Google.com" target="_top">Google</a><br>
</body>
</html>

点击上面的链接后，它将在顶级框架中打开。

示例

以下是一个更改链接目标值的更多示例程序。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <a href="https://www.Brave.com" target="_self">Brave</a> <br>
   <a href="https://www.Yahoo.com" target="_parent">Yahoo</a>
</body>
</html>

执行以上程序后，将生成一个带有两个链接（Brave 和 Yahoo）的页面。当我们单击 Bravo 链接时，链接将在 self-frame 中打开。当我们单击 yahoo 时，链接将在 parent frame 中打开。

更新于： 18-11-2022

9K+ 浏览量

开启您的职业生涯

完成课程即可获得认证

开始学习
广告
© . All rights reserved.