« Le langage HTML/Liens » : différence entre les versions
Contenu supprimé Contenu ajouté
m <source> -> <syntaxhighlight> (phab:T237267) |
→Liens vers une ancre : HTML5 |
||
Ligne 85 :
== Liens vers une ancre ==
<
Une ancre permet d'afficher une page web à partir d'un certain point (très utile dans les longues pages web). Ainsi, ce [[#liens ancre|lien]] affiche le chapitre « Liens » du livre « HTML » à partir de la section « Liens vers une ancre ».
<div style="border: solid 2px #c84; padding: 0 2em 0.5em 2em;">
{{Attention|Cette syntaxe est obsolète en HTML5.}}
Pour créer une ancre, il faut utiliser la balise <code><a></code> avec l'attribut <code>name</code>, comme ceci (Il n'est pas nécessaire d'inclure du texte entre les deux balises) :
<syntaxhighlight lang="html">
Ligne 95 ⟶ 96 :
Lorsque l'ancre est vide, elle ne doit cependant pas être écrite sous la forme <code><a name="section_5" /></code>, formellement valide en XML, mais déconseillée par les normes XHTML et XML pour des raisons de compatibilité avec différents navigateurs.
</div>
Au lieu d'utiliser l'attribut <code>name</code>, la syntaxe compatible HTML4 et HTML5 utilise l'attribut <code>id</code> sur n'importe quel élément.
Par exemple pour une ancre sur un titre de section :
<syntaxhighlight lang="html">
<h1 id="ce_titre">La section avec une ancre compatible HTML4 et HTML5</h1>
</syntaxhighlight>
Pour créer un lien vers une ancre, il suffit de rajouter un croisillon (#) suivi du nom de l'ancre après l'adresse (absolue ou relative) de la page.
Si l'ancre se trouve sur la page actuelle, il ne faut pas noter l'adresse de la page. Exemples :
| |||