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

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

Susan Sarandon

Freigeben： 2024-10-28 20:13:02

Original

858 Leute haben es durchsucht

Can You Open External Links in New Tabs Using Only CSS?

Externe Links in neuen Tabs mit CSS öffnen

Wenn Sie mit externen Links im oberen Menü einer Website arbeiten, verbessert das Öffnen dieser Links in neuen Tabs die Benutzererfahrung. Traditionell wurde dazu das Attribut target="_blank" in HTML verwendet. Viele Entwickler fragen sich jedoch, ob es eine Möglichkeit gibt, dasselbe mit CSS zu erreichen.

Gibt es eine CSS-Eigenschaft zum Öffnen von Links in neuen Tabs?

Leider Derzeit gibt es keine CSS-Eigenschaft, die das Zielattribut für Links explizit steuert. Daher ist es nicht möglich, externe Links in neuen Tabs ausschließlich mit CSS zu öffnen.

Alternative HTML-basierte Lösung

Eine alternative Lösung ist die Verwendung des „target= „_blank“-Attribut in HTML. Indem Sie den folgenden Code in den HTML-Code Tag werden alle Links auf der Seite, die kein Zielattribut angeben, automatisch in einem neuen Tab geöffnet:

<code class="css"><head>
    <base target="_blank">
</head></code>

Nach dem Login kopieren

Alternativ kann das Zielattribut für jeden Link einzeln festgelegt werden:

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

Nach dem Login kopieren

Diese Methode überschreibt die globale Einstellung, die im Tag.

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