Alle, die Ihre Webseiten XHTML konform schreiben haben mitunter Probleme dem target-Attribut in den Anchortags (a).


<a href="http://www.example.com" target="_blank">Ein schönes Exzempel</a>

Hier darf das target-Tag nicht verwandet werden. Das rührt ganz einfach daher, dass das W3C-Konsortium sagt, dass der Benutzer selber entscheiden soll, ob ein neuer Tab geöffnet werden soll oder nicht. Ein Thema der Usability also.

Um das kleine Problem zu umgehen, können wir die Tabs auch über JavaScript bzw. wie hier im Beispiel mit jQuery lösen:

$(document).ready(function() {
	$('a[rel*="external"]').click(function(){
		$(this).attr('target','_blank');
	});
});

Das HTML Element wird dann einfach mit dem rel="" Attribut erweitert.

<a href="http://www.example.com" rel="external">Ein schönes Exzempel</a>

Nun den Codeschnippsel global einbinden und alle mit rel="external" ausgezeichneten Elemente reagieren auf diese Funktion.

(Ist nicht im IE getesetet.)