L'une des principales caractéristiques du langage HTML et d'Internet en général c'est la possibilité de naviguer d'une page à l'autre. Pour cela, on utilise ce qu'on appelle des liens hypertextes. Dans cette rubrique, nous vous apprendrons à utiliser les différentes balises de liens
On appelle "liens externes" les liens présents sur votre boutique et qui pointent vers d'autres sites que le votre. Vous pouvez par exemple utiliser ce type de liens lorsque vous avez plusieurs boutiques et que vous souhaitez que vos visiteurs puissent naviguer d'une boutique à l'autre. Vous pouvez également faire des liens vers des sites qui pourraient intéresser vos visiteurs.
Par exemple, voici un lien externe vers notre partenaire templateworld.com : www.templateworld.com
Par exemple, voici un lien externe vers notre partenaire templateworld.com : <a href="http://www.templateworld.com/1777.html" target="_blank">www.templateworld.com</a>
Analysons maintenant le code utilisé pour faire ce lien. On remarque que la balise utilisée pour faire des liens est la balise <a>. Le texte contenu entre la balise ouvrante <a> et la balise <⁄a> représente le libellé de votre lien. On peut également remarquer l'utilisation des paramètres "target" et "href" situés dans la balise ouvrante. Ces paramètres vont vous permettre de décrire comment fonctionne votre lien.Lorsque vous utilisez des paramètres, vous devez faire attention de ne pas oublier les guillemets au début et à la fin.
| href | Ce paramètre permet d'indiquer l'adresse (URL) du site vers lequel pointe le lien. Lorsque vous naviguez sur Internet cette adresse est indiquée dans la barre d'adresse de votre navigateur. Pour éviter les fautes de frappes nous vous recommandons de faire des copier/coller pour récupérer les adresses des sites qui vous intéressent. |
| target | Permet d'indiquer la cible dans laquelle va être afficher le site identifié par le paramètre href. Pour les liens externes nous vous recommandons de mettre target="_blank" qui signifie que le site sera affiché dans une nouvelle fenêtre/onglet. Ainsi votre propre site sera toujours disponible. En revanche, si vous ne précisez pas le paramètre target, le site du lien sera affiché dans la fenêtre/onglet courant à la place de votre propre site. |
| title | Permet d'ajouter une description du site vers lequel pointe le lien. Cette description est affichée lorsque la souris passe sur le lien. |
Les liens internes sont des liens entre les différentes pages de votre site internet. Ils sont utilisés pour permettre à vos visiteurs de naviguer sur votre site en passant d'une page à l'autre. Pour les liens internes le paramètre "target" n'est généralement pas utilisé car on souhaite que la nouvelle page (la page cible) s'affiche à la place de l'ancienne.
Exemple de lien interne vers notre page contact : lien vers notre page contact
Exemple de lien interne vers notre page contact : <a href="/drupal_yoja_dev/fr/contact" title="contactez nous!">lien vers notre page contact</a>
Il existe un troisième type de lien, les liens vers des parties de page. Ces liens sont souvent appelés "ancres", ils sont couramment utilisés pour faciliter la navigation verticale dans la page. Par exemple si vous avez une page avec beaucoup de contenu, vous pouvez ajouter des liens qui vont servir de raccourci pour atteindre le bas ou le haut de page.
Voici l'exemple d'un lien qui va vous permettre de revenir en haut de page haut de page
Principe de fonctionnement :<a name="top"></a>
L'attribut name permet d'identifier votre ancre car il est possible d'ajouter plusieurs ancres sur sa page web.
<a href="#top">haut de page</a>
Dans la cible du lien (attribut href) vous devez mettre le nom de l'ancre précédé du caractère #.
Vous pouvez même allez plus loin en faisant un lien vers une ancre positionnée sur une autre page
<a href="adresse_de_ma_page.html#ancre">lien vers une ancre nommée "ancre" sur la page "adresse_de_ma_page.html"</a>