Hypertext Markup Language/Liens hypertextes

Une page de Wikiversité.
Aller à : navigation, rechercher
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.

Introduction[modifier | modifier le wikicode]

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[modifier | modifier le wikicode]

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.

Marques[modifier | modifier le wikicode]

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.

Liens[modifier | modifier le wikicode]

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 

Exemple[modifier | modifier le wikicode]

     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[modifier | modifier le wikicode]

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