Today's article is a little advice on the links to have a website conforms to w3c(1). This procedure is valid in the case we are using version “XHTML 1.0 Strict“, a powder’ dated, but still valid if declared tag in the “HTML” Site.

The web designer has several ways to set the aperture of a given link in a new page (or new tab) Part browser. The first to be implemented has been the insertion of’attribute “target='_blank'” within the reference tag to link “<a>“. This is the easiest way to open a link in a second window, but unfortunately does not respond to standard w3c. The solution suggested by the W3C is the inclusion of these other attributes “onclick='window.open(this.href); return false;'“, actually solving the problem with some brief instruction javascript.

Fortunately for us JavaScript is a language very different, one of the behaviors that we can manage is the opening of the link. With this third and final example will open in a new tab all external links, namely those that as a reference starting with “http://” saving us from having to write every time the code suggested by the w3c on any external link. The reference number is this:

function externalLinks() {
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i = anchors.length-1; i>=0; i--) {
    var anchors ANCHOR;[i];
    if (anchor.href && anchor.href.substr(0,7) == "http://")
    anchor.target = "_blank";
    }
  }
window.onload = externalLinks;

(1)_ The W3C is the non-profit organization dedicated to establishing a certain rigidity standards that webmasters and browser developers must follow to create and view these pages “XHTML“, thus ensuring maximum compatibility between the site and the various browser. Read more about the organization's intentions are explained (as well as on site organization) to the relevant page of Wikipedia.

Not enough?

Add a caption to the photo pop-up with CSS3 GTranslate: a widget for automatic translation Linux e are Buttons navigation menu with CSS Sprites Tutorial: Give the effect “water drops”