Können Sie Links in neuen Tabs nur mit CSS öffnen?-CSS-Tutorial-php.cn

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

Patricia Arquette

Freigeben： 2024-10-30 14:39:10

Original

525 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!