< Hypertext Markup Language
fin de la boite de navigation du chapitre

Introduction

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.

Syntaxe

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

    <a lien> contenu </a>

où

  • 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.

Marques

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>

où

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

Liens

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>

où

  • 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>

Exemple

    <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>


Remarques

  • 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.
Cet article est issu de Wikiversity. Le texte est sous licence Creative Commons - Attribution - Partage dans les Mêmes. Des conditions supplémentaires peuvent s'appliquer aux fichiers multimédias.