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.

Valeurs de l’attribut cible

Nom de la valeur Notes
_blank Ouvre le document lié dans un nouvel onglet ou une nouvelle fenêtre.
_parent Ouvre le lien dans le cadre parent. Les cadres sont obsolètes en HTML5.
_self Ouvre le lien dans le cadre courant.
_top Ouvre le lien dans le cadre le plus haut. Les cadres sont obsolètes en HTML5.
nom du cadre Ouvre le lien dans le cadre nommé. Les cadres sont obsolètes en HTML5.

Tous les attributs de l’élément d’ancrage

Nom de l’attribut Valeurs Notes
hreflang Spécifie la langue de la ressource liée.
télécharger Ordonne au navigateur de télécharger la ressource liée plutôt que de l’ouvrir.
target _blank
_parent
_self
_top
frame name
Spécifie le contexte dans lequel la ressource liée s’ouvrira.
title text Définit le titre d’un lien, qui apparaît à l’utilisateur sous la forme d’une info-bulle.
href url Spécifie le document, la ressource ou l’emplacement lié.
nom
Adam est un rédacteur technique spécialisé dans la documentation et les tutoriels pour développeurs.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

More: