KÊNIA FERREIRA BLOG

Sempre utilizamos o atributo target="_blank" quando queremos que um link externo se abra numa nova janela ao ser clicado aplicando-o da seguinte forma:

<a href="http://www.siteexemplo.com/" target="_blank">Seu Link</a>

O target funciona muito bem, mas se tornou necessária uma nova alternativa ao uso do atributo pois o mesmo não é mais validado pelo W3C.

A alternativa ao uso do target é o rel="external"(aceito pelo W3C) do JQuery. Ele é aplicado da seguinte forma no link:

<a href="http://www.siteexemplo.com/" rel="external">Seu Link</a>

Para utilizálo, além de inserir um link para a biblioteca JQuery em sua página como mencionado em postagem anterior. É necessário inserir o seguinte código no cabeçalho de sua página:

<script>
$(document).ready(function () {
      $("a[rel=external]").click(function () {
         if (!this.oldHref) {
            this.oldHref = this.href;
            this.href = "#";
         }
         window.open(this.oldHref);
      });
});
</script>