am 29. März 2019
Links. Links zu anderen Seiten, interne Links, Links, die keine Links sind. Egal, was wir mit ihnen machen, sie sind einer der Grundbausteine des World Wide Web (warum nennen wir es nicht mehr so oft so?).
Wie auch immer, dies ist ein kurzer und einfacher Beitrag, der eine Sache und nur eine Sache beschreibt. Was tun wir, wenn wir einen Link in einem neuen Tab öffnen wollen? Es ist ziemlich einfach, aber ich vergesse immer, welche der folgenden Formen es annimmt:
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>
Und hier ist die Antwort: _blank
. Und warum? Weil _new
keine besondere Bedeutung hat. So einfach ist das.
<a href="https://example.com" target="_blank">Open in new Tab</a>
Nie wieder werde ich eine Google-Suche durchführen müssen, um dieses StackOverflow posttarget=“_blank“ vs. target=“_new“ zu finden.
In diesem Sinne haben nur _blank
, _self
, _parent
und _top
eine besondere Bedeutung. Siehe dieHTML -Spezifikation für weitere Details.
Sicherheitshinweis
Bitte beachten Sie, dass Sie bei Verwendung von _blank
, wenn Sie auf eine nicht vertrauenswürdige Website zeigen, auch rel="noopener"
hinzufügen sollten. Dies stellt sicher, dass die zu öffnende Website keinen Zugriff auf die opener
-Eigenschaft hat und somit nicht in der Lage ist, Informationen über Ihre Website aus deren JavaScript herauszufinden
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>
Weitere Informationen finden Sie auf der Google-Website für Webentwickler und unter „About rel=“noopener“ von Mathias Bynens.