Skip to main content

Comment cibler des liens dans des IFrames et des cadres HTML

make an iframe in html | html tutorial for beginners (Mai 2024)

make an iframe in html | html tutorial for beginners (Mai 2024)
Anonim

Lorsque vous créez un document pour le placer dans un IFRAME, tous les liens dans ce cadre s'ouvriront automatiquement dans ce même cadre. Mais avec l'attribut sur le lien (l'élément ou l'élément), vous pouvez décider où vos liens doivent s'ouvrir.

Vous pouvez choisir de donner à vos iframes un nom unique avec l'attribut, puis de pointer vos liens vers ce cadre avec l'ID comme valeur de la cible attribut:

id = "page">target = "page">

Si vous ajoutez une cible à un ID qui n'existe pas dans la session de navigateur actuelle, le lien sera ouvert dans une nouvelle fenêtre de navigateur portant ce nom. Après la première fois, tous les liens pointant vers la cible nommée s'ouvriront dans la même nouvelle fenêtre.

Mais si vous ne souhaitez pas nommer chaque fenêtre ou chaque image avec un ID, vous pouvez toujours cibler certaines fenêtres spécifiques sans avoir besoin d'une fenêtre ou d'un cadre nommé. Celles-ci sont appelées cibles standard.

Les quatre mots clés ciblés

Quatre mots clés cibles ne nécessitent pas de cadre nommé. Ces mots-clés vous permettent d'ouvrir des liens dans des zones spécifiques de la fenêtre du navigateur Web auxquelles aucun identifiant n'est associé. Ce sont des cibles que les navigateurs Web reconnaissent:

  • _soi
    • C'est la cible par défaut pour toute balise d'ancrage. Si vous ne définissez pas le cible attribut ou si vous utilisez cette cible, le lien s’ouvrira dans la même fenêtre ou le même cadre que celui dans lequel se trouve le lien.
  • _parent
    • Les iframes sont intégrés aux pages Web. Et vous pouvez incorporer un iframe dans une page située dans un autre iframe sur une autre page Web. Lorsque vous définissez le cible attribuer à _parent le lien s'ouvrira dans la page Web contenant l'iframe.
  • _Haut
    • Dans la plupart des situations avec des iframes, cette cible ouvrira des liens de la même manière que la _parent la cible fait. Mais s'il y a un IFRAME à l'intérieur d'un IFRAME, la _Haut target ouvre des liens dans la fenêtre de niveau supérieur de la série, en supprimant tous les iframes.
  • _blanc
    • C’est la cible la plus couramment utilisée. Elle ouvre le lien dans une nouvelle fenêtre, similaire à une fenêtre contextuelle.

Comment choisir les noms de vos cadres

Lorsque vous créez une page Web avec des iframes, c'est une bonne idée de donner à chacun un nom spécifique. Cela vous aide à vous rappeler à quoi ils servent et vous permet d’envoyer des liens vers ces cadres spécifiques.

J'aime nommer mes iframes pour leur fonction. Par exemple:

id = "liens">id = "document-externe">

Utilisation de cadres HTML avec des cibles

HTML5 rend les cadres et les jeux de cadres obsolètes, mais si vous utilisez toujours HTML 4.01, vous pouvez cibler des cadres spécifiques de la même manière que vous ciblez les iframes. Vous donnez les noms des images avec le identifiant attribut:

id = "myFrame">

Ensuite, lorsqu'un lien dans un autre cadre (ou fenêtre) a la même cible, le lien s'ouvre dans ce cadre:

target = "myFrame">

Les quatre mots clés cibles fonctionnent également avec des cadres. le _parent s'ouvre dans le cadre, _soi s'ouvre dans le même cadre, _Haut s'ouvre dans la même fenêtre, mais en dehors du jeu de cadres, et _blanc s'ouvre dans une nouvelle fenêtre ou un nouvel onglet (selon le navigateur).

Définir une cible par défaut

Vous pouvez également définir une cible par défaut sur vos pages Web à l'aide de l'élément. Vous définissez le cible attribuez le nom de l'iframe (ou du cadre en HTML 4.01) dans lequel vous souhaitez ouvrir tous les liens. Vous pouvez également définir des cibles par défaut pour l'un des quatre mots clés cibles. Voici comment écrire une cible par défaut pour une page:

L'élément appartient à la TÊTE de votre document. C'est un élément vide, donc en XHTML, vous incluez la barre oblique de fermeture:

/>