在 HTML 的新標籤頁中開啟連結

Sushant Poudel 2023年2月19日 2021年10月2日

HTML HTML Tab

本文將討論一種在 HTML 中的新標籤頁中開啟連結的方法。

使用 `target="_blank"` 在 HTML 的新標籤頁中開啟連結

我們可以使用錨標記中的 target 屬性在 HTML 的新標籤頁中開啟連結。錨標記的 target 屬性中的 _blank 值會在新標籤頁中開啟連結。錨標記 <a> 定義了一個超連結，用於從一個頁面連結到另一個頁面。href 屬性設定要連結到的頁面的 URL。選項 target="_blank" 將連結切換到新標籤頁。值 _blank 通知瀏覽器在新標籤頁中開啟連結，具體取決於瀏覽器的設定。我們可以在錨標記中新增 rel 屬性，其值為 noopener noreferrer 作為安全措施。rel=" noopener noreferrer"是為了防止新開啟的標籤頁惡意修改原標籤頁。然而，當我們使用 target="_blank" 選項時，現代瀏覽器會隱式設定該選項。

例如，在 HTML 正文中，開啟定位標籤頁 <a> 並在其中鍵入 href 屬性。將 URL https://www.facebook.com/ 寫入 href 屬性的值。然後，寫 target 作為錨標籤的屬性，並給它一個值 _blank。在它之後，寫入帶有值 noopener noreferrer 的 rel 屬性。然後在錨標記之間寫入文字 Link。最後，不要忘記關閉錨標籤，然後是 body 標籤。

當我們單擊連結這個詞時，下面的示例會開啟一個新標籤頁。當我們點選連結時，它會開啟 Facebook 頁面。

示例程式碼：

<body>
    <a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer" >
        Link
    </a>
</body>

Author: Sushant Poudel

Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.

使用 target="_blank" 在 HTML 的新標籤頁中開啟連結

使用 `target="_blank"` 在 HTML 的新標籤頁中開啟連結