如何在 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+ 瀏覽量

開啟您的職業生涯

完成課程即可獲得認證

開始學習
廣告