Attribut target de HTML <a>

Balise HTML <a>

Définition et utilisation

target L'attribut spécifie l'emplacement où ouvrir le document de lien.

Exemple

L'attribut target spécifie l'emplacement où ouvrir le document de lien :

<a href="https://www.codew3c.com" target="_blank">Visitez CodeW3C.com</a>

Essayez-le vous-même

Syntaxe

<a target="_blank|_self|_parent|_top|framename">

target L'utilisation de cet attribut est de faire comprendre au navigateur où il souhaite afficher les ressources liées. Par défaut, le navigateur utilise la fenêtre, l'onglet ou le cadre (iframe) affichant le document actuel, donc le nouveau document remplacera le document affiché actuellement. Cependant, il existe d'autres options, voir le tableau suivant :

Valeur de l'attribut

Valeur Description
_blank Ouvrir le document de lien dans une nouvelle fenêtre ou un nouvel onglet.
_self Ouvrir le document de lien dans le cadre où le clic a eu lieu (par défaut).
_parent Ouvrir le document de lien dans le cadre parent.
_top Ouvrir le document de lien dans tout le corps de la fenêtre.
framename Ouvrir le document de lien dans l'iframe spécifié.

Explication détaillée

Si une balise <a> contient une propriété target, le navigateur chargera et affichera le document nommé avec l'attribut href de cette balise, ou le cadre ou la fenêtre correspondant à ce nom cible. Si le cadre ou la fenêtre spécifié par ce nom ou id n'existe pas, le navigateur ouvrira une nouvelle fenêtre, attribuera à cette fenêtre un marqueur spécifié, puis chargera le nouveau document dans cette fenêtre. Dès lors, les documents hyperliens peuvent pointer vers cette nouvelle fenêtre.

Ouvrir une nouvelle fenêtre

Les hyperliens pointés rendent facile la création d'outils de navigation efficaces. Par exemple, une liste simple de documents de contenu peut rediriger les documents vers une fenêtre séparée :

<h3>Table des matières</h3>
<ul>
  <li><a href="pref.html" target="view_window">Préface</a></li>
  <li><a href="chap1.html" target="view_window">Chapitre 1</a></li>
  <li><a href="chap2.html" target="view_window">Chapitre 2</a></li>
  <li><a href="chap3.html" target="view_window">Chapitre 3</a></li>
</ul>

Essayez-le vous-même

Lorsque l'utilisateur sélectionne pour la première fois un lien de la liste des contenus, le navigateur ouvre une nouvelle fenêtre, la marque de "view_window", et y affiche le contenu du document souhaité. Si l'utilisateur sélectionne un autre lien de cette liste de contenu et que cette "view_window" est toujours ouverte, le navigateur charge à nouveau le document sélectionné dans cette fenêtre, en remplacement des documents précédents.

Au cours de tout ce processus, la fenêtre contenant la liste des contenus est accessible à l'utilisateur. En cliquant sur un lien dans cette fenêtre, vous pouvez changer le contenu de l'autre fenêtre.

Ouvrir une fenêtre dans le cadre

Au lieu d'ouvrir une fenêtre de navigateur complète, l'utilisation de target est une méthode courante pour rediriger le contenu des liens vers un ou plusieurs cadres dans un <frameset>. Vous pouvez placer cette liste de contenu dans l'un des cadres d'un document avec deux cadres, et utiliser ce cadre voisin pour afficher le document sélectionné :

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

Essayez-le vous-même

Lorsque les deux cadres sont initialement affichés par le navigateur, le cadre de gauche contient le sommaire, et le cadre de droite contient l'avant-propos.

Voici le code source de "toc.html" :

<h3>Table des matières</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Préface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapitre 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapitre 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapitre 3</a></li>
</ul>

Veuillez noter que dans le document "toc.html", chaque lien cible est "view_frame", c'est-à-dire la fenêtre de droite.

Lorsque l'utilisateur sélectionne un lien dans le répertoire de la fenêtre de gauche, le navigateur charge le document associé et le affiche dans cette fenêtre "view_frame" de droite. Lorsqu'un autre lien est sélectionné, le contenu de cette fenêtre de droite change également, tandis que la fenêtre de gauche reste inchangée.

Cible spéciale

Il y a 4 noms cibles conservés utilisés pour des opérations de redirection de documents spéciales :

_blank

Le navigateur charge toujours le document cible dans une nouvelle fenêtre non nommée.

_self

La valeur de ce cible est la valeur par défaut pour tous les éléments <a> qui n'ont pas de cible spécifiée. Il fait charger et afficher le document cible dans le même cadre ou fenêtre que le document source. Ce cible est superflu et inutile, sauf s'il est utilisé avec l'attribut target de la balise <base> du titre du document.

_parent

Ce cible fait charger le document dans la fenêtre parent ou le cadre inclus qui contient le lien hypertexte. Si cette référence est dans une fenêtre ou dans un cadre de niveau supérieur, elle est équivalente au cible _self.

_top

Ce cible fait charger le document contenant ce lien hypertexte dans la fenêtre cible. En utilisant le cible _top, tous les cadres inclus seront supprimés et le document sera chargé dans la fenêtre du navigateur complète.

Astuce :Les quatre valeurs de target de ces éléments commencent par un trait de soulignement. Toute autre fenêtre ou cible commençant par un trait de soulignement sera ignorée par le navigateur. Par conséquent, n'utilisez pas de trait de soulignement comme premier caractère de n'importe quel nom ou identifiant de cadre défini dans le document.

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Balise HTML <a>