Comment créez-vous des liens (avec <a>
) de sorte que le navigateur passe à certains sous-en-têtes sur la page cible, par opposition au haut?
S'il existe une balise <a name="foo">
ou une balise avec une id
(par exemple, <div id="foo"
>), vous pouvez simplement ajouter #foo
à l'URL. Sinon, vous ne pouvez pas créer de lien arbitraire vers des parties d'une page.
Voici un exemple complet: <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>
Liaison de contenu sur le même exemple de page: <a href="#foo">Jump to #foo on same page</a>
Vous utilisez une ancre et un hash. Par exemple:
Cible du lien:
<a name="name_of_target">Content</a>
Lien vers la cible:
<a href="#name_of_target">Link Text</a>
Ou, si vous créez un lien depuis une autre page:
<a href="http://path/to/page/#name_of_target">Link Text</a>
Il suffit d'ajouter un hachage avec l'ID d'un élément à l'URL. Par exemple.
<div id="about"></div>
et
http://mysite.com/#about
Donc, le lien ressemblerait à ceci:
<a href="http://mysite.com/#about">About</a>
ou juste
<a href="#about">About</a>
Voici comment:
<a href="#go_middle">Go Middle</a>
<div id="go_middle">Hello There</div>
Vous avez deux options:
Vous pouvez soit mettre une ancre dans votre document comme suit:
<a name="ref"></a>
Ou bien vous donnez un identifiant à un élément HTML quelconque:
<h1 id="ref">Heading</h1>
Ensuite, ajoutez simplement le hash #ref
à l'URL de votre lien pour accéder à la référence souhaitée. Exemple:
<a href="document.html#ref">Jump to ref in document.html</a>