Comment Utiliser Le Pour Créer Des Liens Et Les Ouvrir Où Vous Voulez!

Cadres obsolètes ; utilisez uniquement _blank

La seule valeur actuellement pertinente de target est _blank. Les autres valeurs de target ont été utilisées pour spécifier des trames spécifiques. Cependant, les cadres ont été obsolètes en HTML5.

Cible par défaut

Si aucun target n’est spécifié, le lien s’ouvrira dans le contexte actuel, sauf indication contraire de l’utilisateur ou du navigateur.

a target= »_blank » S’ouvre dans un nouvel onglet (ou fenêtre) du navigateur

L’attribut target spécifie où le document lié s’ouvrira lorsque le lien sera cliqué. La valeur par défaut est la fenêtre en cours. Si target="_blank", le document lié s’ouvrira dans un nouvel onglet ou (sur les anciens navigateurs) dans une nouvelle fenêtre.

Pourquoi ouvrir dans un nouveau navigateur ?

La raison la plus courante d’utiliser `target= »_blank » est que les liens hors site s’ouvrent dans un onglet séparé. Cela permet à un utilisateur de cliquer sur une référence et d’y revenir plus tard sans quitter la page en cours. Il maintient les visiteurs sur votre site plus longtemps et améliore la plupart de vos métriques: taux de rebond, conversion, pages visitées.

Ouvrez Tous les Liens externes dans un nouvel onglet avec JavaScript

Vous n’avez pas besoin d’ajouter manuellement target="_blank" à chaque lien de votre site. Si vous créez beaucoup de liens (ce que vous devriez faire), il est facile d’ajouter du code JavaScript à votre site et de transformer automatiquement tous les liens externes en liens _blank.

jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank'); 

( Vous pouvez voir une forme légèrement modifiée de ce code en action sur chaque page de ce site Web.) Cette astuce nécessite jQuery, mais il y a de fortes chances que vous l’utilisiez déjà. Il est utilisé dans les frameworks et les systèmes de gestion de contenu les plus populaires, notamment WordPress, Drupal et Twitter Bootstrap. Si vous devez le faire sans jQuery, cela peut également être fait. Voici une version « JavaScript simple »:

function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) { var b = c; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks(); 

En plus de le rendre plus facile, cela nettoie considérablement votre balisage.

Raisons de ne pas utiliser `target= »_blank »

Certaines personnes affirment que les utilisateurs ne préfèrent pas ouvrir de liens dans un nouveau contexte de navigation. Ils pensent que cela est similaire aux publicités contextuelles et à d’autres comportements gênants. Avec l’essor de la navigation par onglets, cet argument a largement disparu. La plupart des utilisateurs préfèrent ouvrir des liens dans un nouvel onglet, car cela leur permet de mettre en file d’attente les liens référencés pour une lecture ultérieure sans perdre leur contexte de navigation actuel.

Adam est un rédacteur technique spécialisé dans la documentation et les tutoriels pour développeurs.