web-dev-qa-db-fra.com

Comment puis-je créer un lien vers une partie de page? (hacher?)

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?

169
Haroldo

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>

235
Daniel DiPaolo

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

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>
25
Felix Kling

Voici comment:

<a href="#go_middle">Go Middle</a>

<div id="go_middle">Hello There</div>
18
Sarfraz

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>
9
Daniel Vassallo