Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Kann CSS Links in neuen Tabs wie „target=_blank' öffnen?

Patricia Arquette
Freigeben: 2024-11-01 01:07:28
Original
492 Leute haben es durchsucht

Can CSS Open Links in New Tabs Like

CSS verwenden, um „target=_blank“ zu externen Links hinzuzufügen

Das Öffnen externer Links in neuen Tabs ist eine häufige Benutzerfreundlichkeitsfunktion. Während HTML das Attribut „target=_blank“ bereitstellt, um dies zu erreichen, fragen Sie sich vielleicht, ob es eine ähnliche CSS-Eigenschaft gibt.

Gibt es eine CSS-Alternative zu „target=_blank“?

Leider nein, es gibt keine reine CSS-Lösung zum Öffnen von Links in neuen Tabs. CSS hat nicht die Möglichkeit, das Linkverhalten zu beeinflussen.

HTML-Lösung

Anstatt sich auf CSS zu verlassen, können Sie den folgenden HTML-Code im verwenden. tag:

<code class="html"><head>
    <base target="_blank">
</head></code>
Nach dem Login kopieren

Damit werden alle Links auf der Seite, die kein Zielattribut angeben, in einem neuen Fenster oder Tab geöffnet.

Überschreiben von „target=_blank“ mit Links

Wenn Sie bestimmte Links benötigen, um die Standardeinstellung zu überschreiben, können Sie das „target=_blank“-Attribut für einzelne Links verwenden:

<code class="html"><a href="/yourlink.html" target="_blank">test-link</a></code>
Nach dem Login kopieren

Dadurch wird das allgemeine „target=_blank“-Attribut überschrieben =_blank“-Einstellung, die im definiert ist. Tag für diesen bestimmten Link.

Das obige ist der detaillierte Inhalt vonKann CSS Links in neuen Tabs wie „target=_blank' öffnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!