Maison >interface Web >tutoriel HTML >Attribut de cible HTML

Attribut de cible HTML

高洛峰
高洛峰original
2017-02-16 14:25:222342parcourir

Définition et utilisation

L'attribut cible de la balise spécifie où ouvrir le document lié.

Si vous incluez un attribut cible dans une balise , le navigateur chargera et affichera le document dans le cadre ou la fenêtre nommé avec l'attribut href de la balise et dont le nom correspond à la cible. Si le cadre ou la fenêtre portant le nom ou l'identifiant spécifié n'existe pas, le navigateur ouvrira une nouvelle fenêtre, attribuera à la fenêtre la balise spécifiée, puis chargera le nouveau document dans cette fenêtre. Désormais, les documents hypertextes peuvent pointer vers cette nouvelle fenêtre.

Ouvrir dans une nouvelle fenêtre

Les hyperliens pointus facilitent la création d'outils de navigation efficaces. Par exemple, une simple liste de documents de contenu qui redirige le document vers une fenêtre séparée :

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_window">Preface</a></li>
  <li><a href="chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_window">Chapter 3</a></li>
</ul>

Essayez-le par vous-même

Lorsque l'utilisateur sélectionne pour la première fois le bouton Lorsqu'un lien est cliqué, le Le navigateur ouvrira une nouvelle fenêtre, l'appellera "view_window", puis affichera le contenu du document que vous souhaitez y afficher. Si l'utilisateur sélectionne un autre lien dans cette liste de contenu et que la "view_window" est toujours ouverte, le navigateur chargera à nouveau le document sélectionné dans cette fenêtre, remplaçant les documents précédents.

Cette fenêtre contenant la liste des contenus est accessible à l'utilisateur tout au long du processus. En cliquant sur un lien dans une fenêtre, le contenu d'une autre fenêtre peut être modifié.

Ouvrir une fenêtre dans un cadre

Au lieu d'ouvrir une fenêtre de navigateur complète, une approche plus courante consiste à utiliser Target pour diriger le contenu d'un lien hypertexte vers un ou plusieurs objets dans un affichage .dans un cadre. Vous pouvez placer cette liste de contenu dans un cadre d'un document à deux cadres et utiliser le cadre adjacent pour afficher le document sélectionné :

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

Essayez-le par vous-même

Lorsque le navigateur s'affiche initialement ces deux cadres, le cadre de gauche contient la table des matières et le cadre de droite contient la préface.

Voici le code source de "toc.html" :

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

Veuillez noter que dans le document "toc.html", la cible de chaque lien est "view_frame", également C'est le cadre de droite.

Lorsque l'utilisateur sélectionne un lien dans le répertoire dans le cadre de gauche, le navigateur chargera le document associé et l'affichera dans le cadre "view_frame" de droite. Lorsque d'autres liens sont sélectionnés, le contenu du cadre de droite changera également, tandis que le cadre de gauche restera toujours le même.

Cibles spéciales

Il existe 4 noms de cibles réservés utilisés pour les opérations spéciales de redirection de documents :

_blank

Le navigateur charge toujours le document cible dans une fenêtre sans nom nouvellement ouverte.

_self

La valeur de cette cible est la cible par défaut pour toutes les balises qui ne spécifient pas de cible, ce qui entraîne le chargement et l'affichage du document cible dans le même cadre. ou une fenêtre comme document source. Cette cible est redondante et inutile à moins qu'elle ne soit utilisée conjointement avec l'attribut target dans la balise

_parent

Cette cible provoque le chargement du document dans la fenêtre parent ou le jeu de cadres contenant le cadre référencé par le lien hypertexte. Si cette référence se trouve dans une fenêtre ou dans un frame de niveau supérieur, elle équivaut à target _self.

_top

Cet objectif entraîne le chargement du document dans la fenêtre contenant le lien hypertexte. L'utilisation de l'objectif _top effacera tous les cadres contenus et chargera le document dans toute la fenêtre du navigateur.

Astuce : Les 4 valeurs de ces cibles commencent par un trait de soulignement. Toute autre fenêtre ou objet commençant par un trait de soulignement sera ignoré par le navigateur. N'utilisez donc pas de trait de soulignement comme premier caractère d'un nom de cadre ou d'un identifiant défini dans le document.

Syntaxe

<a target="value">

Valeur de l'attribut

描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。


Pour plus d'articles sur les attributs de cible HTML, veuillez faire attention au PHP Site chinois !