Ventanas externas

El uso más común de un vínculo es cargar un documento (una página web, una imagen), sin embargo, no es el único uso, también pueden servir como relación para "activar" otros recursos.

Este tipo de enlace utiliza los atributos rel y rev.

El atributo rel indica una relación entre el documento donde está el enlace y el documento enlazado. El atributo rev describe la relación inversa, entre el documento actual y documento que lo enlaza.

Existen algunos valores de uso común que se utilizan habitualmente con la etiqueta LINK:

<link href="index.html" rel="home">
<link href="chapter4.html" rel="prev">
<link href="chapter6.html" rel="next">

Sin embargo, estos atributos, no tienen un valor predeterminado por lo que pude utilizarse cualquiera, incluso uno definido por nosotros.

En SitePoint, han creado un valor especial de tal manera de poder poder abrir un documento en una nueva ventana. Esto, es algo que normalmente se hace mediante:

<a href="direccion_URL" target="_blank">vínculo externo</a>

Mediante un simple script, se reemplaza el atributo target:

<a href="direccion_URL" rel="external">vínculo externo</a>

El script es el siguiente:

<script type="text/javascript">
function externalLinks() {
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i&lt;anchors.length; i++) {
     var anchor = anchors[i];
     if (anchor.getAttribute("href") &amp;&amp; anchor.getAttribute("rel") == "external")
        anchor.target = "_blank";
  }
}
window.onload = externalLinks;
</script>

Y para utilizarlo, debemos insertarlo en el head de la página.