web-dev-qa-db-fra.com

Obtenir un lien pour aller à une section spécifique sur une autre page

J'ai un lien sur une page qui doit aller à une autre page, mais charger une section spécifique sur cette autre page.

Je l'ai déjà fait avec bootstrap mais ils enlèvent tout le "codage", alors j'ai besoin de savoir comment faire à partir de zéro. Voici le balisage que j'ai basé sur ce lien (pas la meilleure ressource, je sais): http://www.w3schools.com/html/html_links.asp

**Page One**
<a href="/academics/page.html#timeline> Click here </a>
**Page I am linking to**
<div id="timeline" name="timeline"> ... </div>

Est-ce que je peux le faire avec seulement du HTML ou ai-je besoin de JavaScript? Si je dois le faire via JS, il faut que ce soit sur la page cible, non?

htmlhyperlinkanchor
12
ledgeJumper

Je pense que l'exemple que vous avez publié utilise HTML5, ce qui vous permet de passer à à tout élément DOM avec l'attribut correspondant ID. Pour prendre en charge les anciens navigateurs, vous devez modifier:

<div id="timeline" name="timeline" ...>

À l'ancien format:

<a name="timeline" />

Vous pourrez alors accéder à /academics/page.html#timeline et accéder directement à cette section.

Aussi, consultez cette question similaire .

17
Mike Christensen

Hiii

vous pouvez simplement utiliser

 <a href="directry/filename.html#section5" >click me</a>

créer un lien vers une section/id d'une autre page en 

5
mayur nandu

J'ai essayé la réponse ci-dessus - en utilisant page.html#ID_name, cela m'a donné une 404 page n'existe pas error.

Ensuite, au lieu d’utiliser .html, j’ai simplement placé une barre oblique / avant le # et cela a bien fonctionné. Ainsi, mon exemple sur la page d'envoi entre les balises link ressemble à ceci:

<a href= "http://my website.com/target-page/#El_Chorro">El Chorro</a>

Utilisez simplement / au lieu de .html.

0
Juliette