Créer un Lien
Les liens hypertextes sont l'essence même du World Wide Web, qui n'existerait pas s'il était impossible de naviguer d'un site à l'autre. De plus, s'il n'existe aucune page Web avec des liens vers votre site, les moteurs de recherche ne seront jamais en mesure de l'indexer et vous n'aurez pas beaucoup de visiteurs. Afin d'optimiser l'indexation de votre site Web par les divers moteurs de recherche, choisissez bien le texte qui vous sert de lien; il doit contenir des mots-clés explicites résumant la page de destination.
Un lien possède deux extrêmités, appelées ancres, et une direction. Le lien part de l'ancre «source» et pointe vers l'ancre «cible», qui peut être une page Web, un élélement au sein d'une page Web ou tout autre document (une image, une séquence vidéo, un extrait sonore, un programme, un document PDF, Word, Excel ou Powerpoint…).
Les liens vers d'autres sites Web sont dits «externes» alors que les liens vers des pages ou documents au sein du même d'un site Web sont dits «internes». Pour créer un lien, interne ou externe, il vous faut utiliser la balise <a href="..."> où l'attribut href spécifie l'adresse du document de destination.
Les Liens Internes
Afin de pouvoir naviguer entre vos pages Web, vous devez créer des liens internes comme dans le menu de navigation de cette page Web. Dans ce cas, l'adresse du document de destination devra être relative ou absolue sur le même serveur, comme suit :
<p>Vous souhaitez devenir un virtuose de l'ordinateur ? Lisez <a href="../hacker.php">Comment Devenir un Hacker</a> par <a href="/images/esr.jpg">Eric S. Raymond</a>.</p>
Vous souhaitez devenir un virtuose de l'ordinateur ? Lisez Comment Devenir un Hacker par Eric S. Raymond.
Il est aussi possible de créer des liens à l'intérieur d'un même document, ce qui peut être pratique pour éviter à vos visiteurs de faire défiler de longues pages. Dans ce cas, il vous faut définir l'ancre cible dans votre page HTML. Vous pouvez le faire en insérant le code HTML <a id="nom-de-l'ancre"></a> ou en ajoutant l'attribut id="nom-de-l'ancre" dans une balise HTML telle qu'une en-tête de section, un paragraphe ou une image. Il vous suffit alors de créer votre lien vers cette ancre : <a href="#nom-de-l'ancre">Texte du Lien</a>. Voici deux exemples de liens internes au document :
<p><a id="lien-interne-exemple"></a>Exemple de lien interne au document
<br/>
Voici un <a href="#lien-interne-exemple">exemple de lien interne au document</a></p>
Exemple de lien interne au document
Voici un exemple de lien interne au document
<p>En savoir plus sur les <a href="#liens-internes">liens internes</a></p>
En savoir plus sur les Liens internes
Note : Dans cette page Web, l'en-tête de section "Liens Internes" est codée comme suit :
<h2 id="liens-internes">Les Liens Internes</h2>
Les Liens Externes
Tout comme les liens internes, les liens externes sont codés à l'aide de la balise <a href="...">. Dans le cas où votre ancre cible est une page Web, un élément au sein d'une page Web ou un document présent sur un Site Web, vous devez utiliser le protocole «HTTP», qui permet la navigation sur le Web. L'adresse de votre cible commencera donc par http.
<p>Découvrez <a href="http://www.mozilla-europe.org/fr/products/firefox/">Firefox</a>, le navigateur Web dont tout le monde parle.</p>
Découvrez Firefox, le navigateur Web dont tout le monde parle.
Il existe toutefois d'autres protocoles que vous pouvez utiliser. Une liste non exhaustive comprend le «HTTPS» qui permet la transmission sécurisée de pages Web, le «FTP» qui est un protocole de transfert de fichiers s'effectuant via un serveur FTP, et «NEWS» qui permet l'accès à des serveurs de news (Attention pour un lien vers un serveur de news, il faut que le visiteur soit abonné à ce serveur de news). En voici quelques exemples :
<p>Visitez le <a href="ftp://ftp.uvsq.fr/">serveur FTP anonyme d'Osiris</a>
<br/>
Consultez le <a href="news:comp.info.systems.www.authoring.html">groupe de discussion sur l'édition en HTML</a></p>
Visitez le serveur FTP anonyme d'Osiris
Consultez le groupe de discussion sur l'édition en HTML
Les Liens E-mail
Il est fortement recommandé de fournir un email à vos visteurs pour qu'ils puissent vous contacter afin, par exemple, de vous faire part de leurs réactions. Il est donc possible de créer un lien email qui lance automatiquement la messagerie paramétrée par défaut de vos visiteurs.
<p><a href="mailto:votre-adresse-email">Envoyez-moi un email</a></p>
Il est possible de définir plusieurs attributs en ajoutant ? après l'adresse email et & entre les mots-clés associés : subject= pour définir un sujet (ou objet) automatiquement, ce qui est très pratique pour trier votre courrier par le biais de votre messagerie classique, cc= et bcc= pour ajouter un destinataire, repectivement, en copie carbone et en copie carbone invisible, et body= pour définir le texte dans le corps du message. Voici un exemple utilisant tous les attributs :
<p>Si vous souhaitez déposer une candidature spontanée <a href="mailto:email@xxxx.com?cc=other@xxxx.com&bcc=invisible@xxxx.com&subject=Candidature Spontanée&body=N'oubliez pas de joindre votre curriculum vitae">envoyez-nous une lettre de motivation et votre CV</a></p>
Si vous souhaitez déposer une candidature spontanée envoyez-nous une lettre de motivation et votre CV
Toutefois, à cause des Web spiders, utilisés par les Spammers, qui collectent les emails sur les sites Web, vous devez être prudent. Vous pouvez par exemple coder votre email et la balise <a href="mailto: ">. Vous trouverez des informations intéressantes sur la lutte anti-spam sur le site Aspirine.org (en français) ou Spam-me-not (en anglais).
© Copyright 2005, 2006, 2007 Erwan Monier