Heim >Web-Frontend >CSS-Tutorial >Können Sie externe Links in neuen Tabs nur mit CSS öffnen?
Können Sie externe Links in neuen Tabs nur mit CSS öffnen?
- Susan SarandonOriginal
- 2024-10-28 20:13:02920Durchsuche
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>
Alternativ kann das Zielattribut für jeden Link einzeln festgelegt werden:
<code class="css"><a href="/yourlink.html" target="_blank">test-link</a></code>
Diese Methode überschreibt die globale Einstellung, die im
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!