首頁 >web前端 >css教學 >您可以僅使用 CSS 在新分頁中開啟外部連結嗎？

您可以僅使用 CSS 在新分頁中開啟外部連結嗎？

Can You Open External Links in New Tabs Using Only CSS?

使用CSS 在新分頁中開啟外部連結

在網站頂部選單中使用外部連結時，在新分頁中開啟它們可以增強用戶體驗。傳統上，HTML 中的 target="_blank" 屬性已用於實現此目的。然而，許多開發人員想知道是否有辦法使用 CSS 來完成相同的任務。

是否有用於在新分頁中開啟連結的 CSS 屬性？

不幸的是，目前沒有 CSS 屬性可以明確控制連結的目標屬性。因此，僅使用 CSS 無法在新分頁中開啟外部連結。

替代的基於HTML 的解決方案

一種替代解決方案是使用「target= HTML 中的「_blank」屬性。透過在HTML

中包含以下程式碼：標籤，頁面上所有未指定目標屬性的連結將自動在新分頁中開啟：

<code class="css"><head>
    <base target="_blank">
</head></code>

或者，可以為每個連結單獨設定目標屬性：

<code class="css"><a href="/yourlink.html" target="_blank">test-link</a></code>

此方法會覆寫中指定的全域設定。

以上是您可以僅使用 CSS 在新分頁中開啟外部連結嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多