Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

HTML 4

  Liens (<a href...>)

fonction  principe  les methodes  demonstrations  Compatibilite du script... a partir de : 

  Fonction
Dans HTML il y a H. H pour Hypertext. La définition même de l'hypertexte est son interactivité c'est à dire le fait de pouvoir, par un moyen ou un autre (souvent la souris) déclencher une action (souvent charger une page) directement sur du texte.
Comment naviguer d'une page à une autre quand la page à charger est dans un autre répertoire ? comment passer d'un point à un autre dans la même page ? comment changer une page dans une autre frame ?
Autant de question auxquelles nous allons répondre ici.
  Principe
Pour la plupart des 'webmasters', un lien c'est une balise <a href="...">, mais si on veut être précis, disons plutôt que c'est une balise <a...>.
En effet, un lien est à la fois un point de départ et un point d'arrivée.
Les différentes fonctions des liens sont déterminées par les attributs que l'on place dans la balise :
  1. href : permet de déterminer quel fichier doit être affiché dans la fenêtre en cours si l'utilisateur clique sur le texte placé entre les balises <a...> et </a>,
  2. target : permet de déterminer dans quelle fenêtre ou cadre (frame) le fichier spécifié dans l'attribut href devra être affiché. Plusieurs termes peuvent être utilisés ici :
    • _self : si le lien est placé dans des cadres (frames), la nouvelle page sera affichée dans le même cadre que là où se trouve le lien,
    • _top : si le lien est placé dans des cadres (frames), la nouvelle page sera affichée dans la totalité de la fenêtre du navigateur, supprimant tous les cadres,
    • _parent : si le lien est placé dans des cadres (frames), la nouvelle page sera affichée dans le cadre supérieur (en termes hiérarchiques, pas géographique) au cadre ou ce situe le lien,
    • _blank : la nouvelle page sera affichée dans une nouvelle fenêtre de navigateur (cela force le navigateur à créer cette fenêtre),
    • nom_specifique : la nouvelle page sera affichée dans une fenêtre ou un cadre portant le nom 'nom_specifique', si une telle fenêtre ou cadre n'existe pas, le navigateur agit comme s'il avait 'target="_new"'.
  3. name : permet de placer une 'ancre'. Ainsi, le texte du lien pourra être joint par un autre lien (déplacement dans une même page)
    • Pour joindre une ancre dans une page, le lien pointant vers cette ancre doit utiliser un dièse (#) suivi du nom de l'ancre dans l'attribut href.
  Les méthodes
Lien simple
<a href="fichier.html">Texte du lien</a>

Lien dans la même fenêtre
<a href="fichier.html" target="_self">Texte du lien</a>

Lien au plus haut niveau des cadres
<a href="fichier.html" target="_top">Texte du lien</a>

Lien au niveau supérieur dans des cadres
<a href="fichier.html" target="_parent">Texte du lien</a>

Lien dans une nouvelle fenêtre
<a href="fichier.html" target="_blank">Texte du lien</a>

Lien dans une fenêtre ou un cadre existant(e)
<a href="fichier.html" target="nom_specifique">Texte du lien</a>

Déclaration d'une ancre
<a name="ancre">Texte de l'ancre</a>

Lien dans la page
<a href="#ancre">Texte du lien</a>

  Démonstration
Lien simple
Texte du lien

Lien dans la même fenêtre
Voir la démonstration
Cliquez sur le premier lien dans la zone verte.

Lien au plus haut niveau des cadres
Voir la démonstration
Cliquez sur le lien dans la zone rose.

Lien au niveau supérieur dans des cadres
Voir la démonstration
Cliquez sur le second lien dans la zone verte.

Lien dans une nouvelle fenêtre
Texte du lien

Lien dans une fenêtre ou un cadre existant(e)
Voir la démonstration
Cliquez sur le lien dans la zone violette.

Déclaration d'une ancre tout en haut de cette page
Lien dans vers cette ancre
Texte du lien
Recherche
aide sur la recherche
hit-parade
Votez TOP Ouaibe !

statistiques
aide sur les contacts aide sur la mailing-list aide sur la newsletter