web-dev-qa-db-fra.com

Lien vers une section d'une page Web

Je veux faire un lien qui une fois cliqué, vous envoie à une certaine ligne sur la page (ou une autre page). Je sais que c'est possible, mais comment puis-je le faire?

46
Josh I

votre lien de saut ressemble à ceci

<a href="#div_id">jump link</a>

Puis faire

<div id="div_id"></div>

le lien de saut vous amène à cette div

47
Daniel Hunter

Les hashtags à la fin de l'URL amènent un visiteur à l'élément avec l'ID: par ex.

http://stackoverflow.com/questions/8424785/link-to-a-section-of-a-webpage#answers 

Vous amènerait à l'endroit où la DIV avec l'ID 'réponses' commence. De plus, vous pouvez utiliser l'attribut name dans les balises d'ancrage pour créer le même effet.

ressource

16
bozdoz

L'identificateur de fragment (également appelé: ID de fragment, identificateurs d'ancrage, ancres nommées) introduit par un signe de hachage # est la dernière partie facultative d'une URL pour un document. Il est généralement utilisé pour identifier une partie de ce document.

<a href="http://www.someuri.com/page#fragment">Link to fragment identifier</a>

La syntaxe pour les URI autorise également une partie de requête facultative introduite par un point d'interrogation?. Dans les URI avec une requête et un fragment, le fragment suit la requête.

<a href="http://www.someuri.com/page?query=1#fragment">Link to fragment with a query</a>

Lorsqu'un navigateur Web demande une ressource à un serveur Web, l'agent envoie l'URI au serveur, mais n'envoie pas le fragment. Au lieu de cela, l'agent attend que le serveur envoie la ressource, puis l'agent (navigateur Web) traite la ressource en fonction du type de document et de la valeur du fragment.

Les ancres nommées <a name="fragment"> Sont obsolètes en XHTML 1.0, l'attribut ID est le remplacement suggéré. <div id="fragment"></div>

5
Kevin M

Simple:

Utilisation <section>.

et utilise <a href="page.html#tips">Visit the Useful Tips Section</a>

w3school.com/html_links

2
Marc D