Réponses:
S'il existe une <a name="foo">
balise ou une balise avec un id
(par exemple, <div id="foo"
>), vous pouvez simplement l'ajouter #foo
à l'URL. Sinon, vous ne pouvez pas créer de liens arbitraires 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>
Lier du contenu sur le même exemple de page: <a href="#foo">Jump to #foo on same page</a>
domain.com/#home?page=1
comment utiliser un identifiant en href?
domain.com/?page=1#home
example.com/#RouteName?page=1#ID
. un pour le routage et un pour la navigation à l'intérieur de la page actuelle. enfin j'ai utilisé le mode html5 de l'URL afin de supprimer les hashtags de route;) @tomsmeding
Vous utilisez une ancre et un hachage. 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>
name_of_target
. Vous n'avez pas besoin d'utiliser une <a>
balise comme cible. Un autre objectif pourrait donc être <h3 id='name_of_target'>Content</h3>
.
Ajoutez simplement un hachage avec l'ID d'un élément à l'URL. Par exemple
<div id="about"></div>
et
http://mysite.com/#about
Le lien ressemblerait donc à:
<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>
</a>
après une ouverture <div ...>
- vous ne savez pas vraiment ce que vous essayez de faire ici.
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 hachage #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>
Le 12 mars 2020, un brouillon a été ajouté par WICG pour les fragments de texte , et maintenant vous pouvez lier au texte sur une page comme si vous le recherchiez en ajoutant ce qui suit au hachage
#:~:text=<Text To Link to>
Exemple de travail sur Chrome Version 81.0.4044.138
:
Cliquez sur ce lien Devrait recharger la page et mettre en évidence le texte du lien
name
attribut pour les<a>
éléments: l' attribut name sur l'élément a est obsolète. Pensez plutôt à mettre un attribut id sur le conteneur le plus proche.