Hypertext Markup Language/Liens hypertextes
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>
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
[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>
où
- 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>
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
[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.
