Target=’_blank’ en XHTML Strict

Cuando estaba escribiendo el marcado de Kriminal, me había propuesto que fuera XHTML estricto. Me adhiero a la idea que el doctype Transitional debería ser utilizado solo en los casos de conversión entre una estructura de sitio web existente y una renovada (por ejemplo, en los casos de rediseño). Y aún así, siempre y cuando sea muy complejo o muy costoso reescribir demasiado el código. Es decir que, como su nombre lo indica,  Transitional debe ser usado solo en casos de una transición. Para un código nuevo y limpio, insisto en que debería utilizarse un marcado estricto.

El caso es que algunos atributos no estan presentes en este doctype, como es el caso del target y específicamente target=”_blank”  para abrir enlaces en otra ventana o pestaña. Y ahi tenía un problema, porque decididamente no quería que mis visitantes abandonaran mi página para visitar otra.

Finalmente encontré la solución de la mano de jQuery (puede hacerse con Javascript puro) y el atributo rel. Básicamente, la idea es asignarle a los enlaces la propiedad rel=”external” junto con una pequeña porción de código javascript que logre el efecto.

CODIGO XHTML
1
<a rel="external" href="http://www.psicofxp.com">psicofxp.com</a>
CODIGO JAVASCRIPT
1
2
3
4
$("a[@rel~='external']").click(function(){
window.open($(this).attr("href"));
return false;
});

Y con eso ya tenemos enlaces abriendo en una nueva ventana junto con nuestro marcado estricto (como corresponde, je)

Tags: ,

Un comentario

  1. Hola!
    Una consulta, para mi esto de jquery es como chino. Por eso te consulto en que parte de wordpress se hacen las modificaciones.
    Thanks.


Escribe un comentario