Ecriture de liens hypertextes en HTML


Qu'est ce qu'un anchor ?

Les Anchors (qui apparaissent en bleu, rouge, en souligné ou encore en inverse vidéo dans les pages WWW) sont la véritable inovation du Web. Un anchor est un lien, un point d'ancrage vers un autre document qui peut être de n'importe quel type, et qui peut se trouver sur n'importe quel ordinateur dans le monde.

Quelques exemples de documents vers lesquels des anchors peuvent pointer :

  • textes ASCII.
  • Pages hypertextes.
  • Animations (généralement au format MPEG).
  • Fichiers tar compressés.
  • images TIFF
  • Un autre endroit de la page courante (celle que vous êtes en train de lire en ce moment)
  • La plupars des anchors consistent en un nom d'URL, du texte descriptif qui sera affiché, et un nom optionnel.

    	<a href="url"> texte descriptif </a>
    	<a name="chaîne de caractères"> texte descriptif </a>
    	<a name="chaîne de caractères" href="url"> texte descriptif </a>
    
    La paramètre "name" est utile uniquement si la page à consulter est longue et si vous voulez l'ouvrir directement à un endroit précis.

    Bienvenue à un autre endroit de cette page!!!!

    Vous spécifiez un endroit dans la page ou on peut se rendre de la manière suivante :
    1. Ajouter dans le code HTML de la page à consulter une ligne contenant <a name=identificateur> à l'endroit où vous voulez que l'on puisse se rendre directement.
    2. Créer un lien du type <a href="URL#identificateur"> texte descriptif </a> à l'endroit d'où l'on veut faire le saut.
    Remarque : Le nom de l'URL est facultatif. Il peut être ommis si le saut se fait dans la page courante.

    Pour spécifier un endroit dans un URL, on ajoute le signe (#) suivi par un identificateur de localisation á la suite du nom de l'URL.

    http://essi.essi.fr/PubHTML/uffa/WWW_tutorialFrench/links.html
    
    ...est l'URL de cette page, mais :
    
    http://essi.essi.fr/PubHTML/uffa/WWW_tutorialFrench/links.html#ici
    
    ... est un lien sur cette page, mais ici.
    

    Exemple de code pour faire un saut à un endroit particulier dans la page courante :

    Le code :

        Cliquer <A HREF="#la_bas">ici</A> pour aller là-bas!
    
        .
        .
        .
        .
        .
        .
        .
        <a name=la_bas>
    
         Vous venez d'effectuer un saut dans la page!
    

    Donne le résultat suivant :

    Cliquer
    ici pour aller là-bas!
    
    
    
    
    
    
    
    
    
    Vous êtes bien arrivé là-bas! Vous venez d'effectuer un saut dans la page!


    Quelques trucs pour spécifier des liens :

    Il faut vous rappeler que tout le monde ne va pas accèder à vos page WWW par le biais d'un serveur HTTP. En effet, les programmes de consultation des pages WWW permettent de consulter des pages à travers le filesystem si elles sont situées sur des disques accessibles localement, mais uniquement si vous utilisez les abbréviations correctes.

    Prenons l'exemple d'une Home Page au hasard, situées à l'ESSI :

    /u/essi/buffa/www/homepage.html

  • Pour les gens dans le monde, cette page est accessible via le serveur HTTP de l'ESSI. Son URL est le suivant :

    http://essi.essi.fr/PubHTML/buffa/homepage.html

    C'est cette addresse qu'il faut mettre dans le fichier .signature et qu'il faut communiquer sur Internet.

  • Pour les personnes ayant accès au disque local, l'URL de la page peut aussi être : /u/essi/buffa/www/homepage.html

  • Pour tout le monde, après la connexion un nom relatif est suffisant. Un fichier dans le même directory que la home page de l'exemple pourra être référencé par son seul nom : par exemple le fichier toto.html pourra être consulté depuis la Home Page par un lien de ce type :

    <A HREF="toto.html">vers la page toto.html</A>.

    Le prefixage de l'URL est implicite.

  • Vous pouvez utiliser dans vos page ces trois types de liens, cependant, le meilleur moyen de référencer vos pages est toujours le plus court (chemin relatif). Ainsi vous ne forcerez personne à passer par un serveur pour consulter vos pages si un accès local est possible. Vos pages seront transportables plus facilement et vous ne surchargerez pas le serveur inutilement.
    1994 - michel.buffa@essi.fr