_target: Linkziele de­fi­nie­ren in HTML

Mit _target werden in HTML Linkziele fest­ge­legt. Zwar gibt es mit target _blank in HTML die Mög­lich­keit, Hy­per­links in einem neuen Fenster zu öffnen, diese Option wird al­ler­dings auch kritisch gesehen. Die Stan­dard­ein­stel­lung _self führt hingegen dazu, dass Besucher und Be­su­che­rin­nen die aktuelle Website verlassen.

Für den Umgang mit Hy­per­links auf Ihrer Website ist das HTML-Attribut target ein wichtiges Werkzeug. Mit diesem Attribut legen Sie nämlich das Ziel­fens­ter eines Verweises an. Klickt eine Be­su­che­rin oder ein Besucher Ihrer Homepage dort auf einen Link, öffnet sich stan­dard­mä­ßig die neue Seite im aktuellen Tab bzw. im aktuellen Fenster Ihrer Website. Sollten Sie dies nicht wünschen, können Sie mit _target festlegen, dass der Link in einem neuen Tab oder auf einer zweiten Seite geöffnet wird. Das hat den Vorteil, dass Be­su­che­rin­nen und Besucher länger auf Ihrer On­line­prä­senz verweilen und diese nicht für eine andere Website verlassen.

An dieser Praxis gibt es al­ler­dings auch Kritik. Haben Be­su­che­rin­nen und Besucher Ihrer Website keine anderen Ein­stel­lun­gen vor­ge­nom­men, greifen Sie so in ihr Nut­zer­ver­hal­ten ein und öffnen ohne Wunsch eine neue Seite oder einen Tab. Aus diesem Grund war diese Mög­lich­keit zeitweise auch nicht mehr erlaubt und kehrte erst in HTML 5 zurück. Es wird nun empfohlen, dass Sie den ent­spre­chen­den Befehl in HTML namens target _blank nur dann verwenden, wenn das Verlassen Ihrer Seite zu einem Da­ten­ver­lust führen würde. So ist der Befehl zum Nutzen der Anwender und An­wen­de­rin­nen. Wie _target funk­tio­niert, erfahren Sie im Verlauf dieses Textes.

Das HTML-Attribut target wird meistens in das HTML-Tag ein­ge­fasst und muss einen festen Wert enthalten. Weitere erlaubte Elemente für _target sind area, base und form. Aus­ge­schrie­ben sieht das dann bei­spiels­wei­se so aus:

_target darf folgende Werte enthalten:

_target wird in HTML innerhalb eines Elements platziert. Das sieht im Code aus wie folgt:

_self ist als default ein­ge­stellt. Möchten Sie den Wert händisch ein­stel­len, ist dies der Code:

target _blank sorgt in HTML dafür, dass der Link in einem neuen Fenster oder einem Tab geöffnet wird. Wenn Sie diesen Wert einsetzen, sollten Sie aus Si­cher­heits­grün­den den Zusatz rel="noopener" hin­zu­fü­gen. Dies ist zwar aus tech­ni­scher Sicht kein Muss, wird al­ler­dings dringend empfohlen, da so ein möglicher Zugriff der ver­link­ten Seite auf Nut­zungs­da­ten ver­hin­dert wird. Im Code sieht das fol­gen­der­ma­ßen aus:

Nun öffnet sich der ent­spre­chen­de Link in einem neuen Tab.

Wenn Sie den Namen eines Fensters in Ihrem Frameset genau definiert haben, können Sie die Seite auch darin öffnen lassen. Falls diese Option nicht funk­tio­niert, da der Name nicht existiert, wird wie in der Variante HTML target _blank au­to­ma­tisch ein neuer Tab geöffnet.