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

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

Susan Sarandon
發布: 2024-10-28 20:13:02
原創
950 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板