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

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

Patricia Arquette
Patricia ArquetteOriginal
2024-10-30 14:39:10513Durchsuche

 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!

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