CSS はリンクのターゲット動作を制御できますか? CSS または代替案を使用して新しいタブでリンクを開く。

CSS または代替アプローチによる「_blank」ターゲット動作の達成

Web サイトの上部にある新しいタブで外部リンクを開く方法を探しています。メニュー。 HTML 属性「target=_blank」はこれを実現しますが、CSS に同等のメカニズムが存在するかどうかを問い合わせます。

CSS は新しいタブでリンクを開くことができますか?

残念ながら, 純粋な CSS には、リンクを新しいタブで開く機能がありません。 CSS は主に、レイアウト、タイポグラフィ、配色などの Web ページの視覚的なプレゼンテーションを制御しますが、リンク動作の制御は提供しません。

代替ソリューション:

あるいは、次の戦略を採用することもできます:

1. HTML の「base」タグの使用:

次のコードを「」に追加します。 HTML ドキュメントのセクション:

<code class="html"><base target="_blank"></code>

これにより、ターゲット属性を明示的に指定していないページ上のすべてのリンクに対して、デフォルトのターゲット属性「_blank」が設定されます。

2.個々のリンクの「target」属性の指定:

新しいタブで開きたい特定のリンクについては、次のように「target」属性を明示的に設定できます:

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

これは、「」によって設定されたデフォルトのターゲットをオーバーライドします。

注:

「」の使用タグには、ページ上のすべてのリンクに「_blank」ターゲットを適用するという利点があり、個別のターゲティングの必要性が軽減されます。ただし、新しいタブで開くリンクをより細かく制御する必要がある場合は、各リンクに「target」属性を指定することが適切なオプションです。

以上がCSS はリンクのターゲット動作を制御できますか? CSS または代替案を使用して新しいタブでリンクを開く。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。