Heute zeige ich dir, wie du mit einem einfachen Attribut dafür sorgen kannst, dass deine Links in HTML in einem neuen Tab oder Fenster geöffnet werden. So verbesserst du die Benutzerfreundlichkeit deiner Webseite und bietest deinen Besuchern ein angenehmeres Erlebnis.
So öffnest du einen Link in HTML in einem neuen Tab: Die einfache Anleitung!
1. Das target
-Attribut:
Der Schlüssel zum Öffnen eines Links in einem neuen Tab liegt im target
-Attribut. Dieses Attribut wird im <a>
-Tag verwendet, der einen Link definiert.
So funktioniert’s:
- Füge deinem
<a>
-Tag das Attributtarget
hinzu. - Setze den Wert des
target
-Attributs auf_blank
.
Beispiel:
<a href="https://www.example.com" target="_blank">Klicke hier, um einen neuen Tab zu öffnen!</a>
Erläuterung:
href
enthält die URL des Links.target="_blank"
weist den Browser an, den Link in einem neuen Tab oder Fenster zu öffnen.
Weitere Optionen:
Neben _blank
gibt es noch weitere Werte für das target
-Attribut:
_self
: Öffnet den Link im selben Tab oder Fenster (Standard)._parent
: Öffnet den Link im übergeordneten Fenster._top
: Öffnet den Link im gesamten Browserfenster.
Tipp: Du kannst das target
-Attribut auch in Kombination mit JavaScript verwenden, um mehr Kontrolle über das Verhalten des Links zu erhalten.
Fazit:
Mit dem target
-Attribut ist es ganz einfach, Links in HTML in einem neuen Tab zu öffnen. So gestaltest du deine Webseite nutzerfreundlicher und sorgst für ein besseres Nutzererlebnis.