ホームページ > 記事 > ウェブフロントエンド > CSS のみを使用して新しいタブで外部リンクを開くことはできますか?
CSS のみを使用して新しいタブで外部リンクを開くことはできますか?
- Susan Sarandonオリジナル
- 2024-10-28 20:13:02850ブラウズ
CSS を使用して新しいタブで外部リンクを開く
Web サイトのトップ メニューで外部リンクを操作する場合、新しいタブで外部リンクを開くと、ユーザーエクスペリエンス。従来、これを実現するために HTML の target="_blank" 属性が使用されてきました。しかし、多くの開発者は、CSS を使用して同じことを実現する方法はないかと考えています。
新しいタブでリンクを開くための CSS プロパティはありますか?
残念ながら、現在、リンクのターゲット属性を明示的に制御する CSS プロパティはありません。したがって、CSS のみを使用して新しいタブで外部リンクを開くことはできません。
HTML ベースの代替ソリューション
代替ソリューションの 1 つは、「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 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。