Heim > Artikel > Web-Frontend > Können Sie Links in neuen Tabs nur mit CSS öffnen?

Können Sie Links in neuen Tabs nur mit CSS öffnen?

Patricia ArquetteOriginal: 2024-10-30 14:39:10430Durchsuche

Can You Open Links in New Tabs Using Only CSS?

Target="_blank" in CSS: Ist das möglich?

Externe Links, die im Menü einer Website eingebettet sind, müssen oft in neuen Tabs geöffnet werden sorgen für ein nahtloses Benutzererlebnis. Während das Attribut target=_blank in HTML dies effektiv erreicht, gibt es eine gleichwertige Lösung, die CSS-Eigenschaften oder andere Techniken verwendet?

Antwort:

Leider fehlt das reinem CSS Möglichkeit, das Attribut target="_blank" anzugeben. HTML bietet jedoch eine alternative Lösung:

Verwenden von

Innerhalb des Tag Ihres HTML-Dokuments, fügen Sie den folgenden Code ein:

<head>
    <base target="_blank">
</head>

Dadurch wird das Standardziel für alle Links auf der Seite auf „_blank“ gesetzt und sie werden in einem neuen Fenster geöffnet.

Überschreiben mit individuellen Linkzielen

Bestimmte Links können das Standardziel überschreiben. Verwenden Sie dazu das Zielattribut in jedem Link:

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

Dadurch wird der angegebene Link in einem neuen Fenster geöffnet, auch wenn das Tag ist vorhanden.

Das obige ist der detaillierte Inhalt vonKönnen Sie Links in neuen Tabs nur mit CSS öffnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css html if for while include require using Attribute default this

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ist CSS Turing-vollständig, und wenn ja, wie zeigt dieses Beispiel dies?Nächster Artikel：Ist CSS Turing-vollständig, und wenn ja, wie zeigt dieses Beispiel dies?

In Verbindung stehende Artikel

Mehr sehen