Aller au contenu

Hypertext Markup Language/Liens hypertextes

Leçons de niveau 14
Une page de Wikiversité, la communauté pédagogique libre.
Début de la boite de navigation du chapitre
Liens hypertextes
Icône de la faculté
Chapitre no 4
Leçon : Hypertext Markup Language
Chap. préc. :Mise en forme du texte
Chap. suiv. :Listes
fin de la boite de navigation du chapitre
En raison de limitations techniques, la typographie souhaitable du titre, « Hypertext Markup Language : Liens hypertextes
Hypertext Markup Language/Liens hypertextes
 », n'a pu être restituée correctement ci-dessus.

Les liens hypertextes sont des références « en ligne » navigables vers des ressources, en particulier d'autres documents HTML, pages Web, ou médias.

Deux balises partagent la syntaxe des liens hypertextes :

  • Les liens eux-mêmes.
  • Les marques.

Les liens hypertextes sont introduits par la syntaxe générale :

    <a lien> contenu </a>

  • lien est la spécification du lien.
  • contenu est la portion du document qui référence la ressource.

Le « a » vient de la première lettre du mot anglais anchor (ancre).

Contrairement à la spécification, le contenu ne varie pas d’un type de lien à l'autre.

Les marques servent à introduire un point pouvant être référencé dans le document. Elles sont introduites par la syntaxe

    <a name="''marque''"> ''contenu'' </a>

  • marque est le nom de la marque, par lequel on la référencera.

Les liens servent à référencer un document ou une marque dans un document.

Ils sont introduits par la syntaxe

    <a href="''lien''"> ''contenu'' </a>

  • lien est une référence non nulle vers une ressource, composée d’une URL, suivie optionnellement d’un « # » et d’un nom de marque, qui n'est pertinent que lorsque la ressource est une page HTML.

« href » signifie hypertext reference.

Dans le cas de référence vers une ressource, la syntaxe est

    <a href="''ressource''"> ''contenu'' </a>

Dans le cas de référence vers une marque dans une ressource, la syntaxe est

    <a href="''ressource''#''marque''"> ''contenu'' </a>

Dans le cas où le lien référence une marque interne, l'URL est optionnelle. La syntaxe peut être raccourcie en

    <a href="#''marque''"> ''contenu'' </a>

Pour ouvrir le lien dans un nouvel onglet sur clic gauche (au lieu de CTRL + clic par défaut) :

    <a href="''lien''" target="_blank"> ''contenu'' </a>
    <html>
        <head>
            <title>Page avec des liens</title>
        </head>
        <body>
            <h1>Le HTML</h1>
            <p>
                Le site du <a href="http://www.w3.org/">w3</a> a une section présentant les
                <a href="http://www.w3.org/#news">informations</a>.
                La section <a href="#infos">informations</a> en fait un résumé.
            </p>
            <h2><a name="infos">Informations</a></h2>
            <p>
                Les informations ici.
            </p>
        </body>
    </html>


  • Les liens hypertextes s'affichent de manière standard en bleu souligné, pour les distinguer du texte courant.
  • Il est conseillé de faire des liens descriptifs, comme
    La section <a href="...">informations</a> de ce site liste les évènements récents.

et non comme

    Pour avoir les informations sur ce site, <a href="...">cliquer ici</a>.
  • Lorsque la ressource est un document HTML, le navigateur l'affiche. Lorsqu’il s'agit d’un média quelconque, le navigateur le télécharge.