Getting a link to go to a specific section on another page
This seems like a terribly basic question, so hopefully someone can help this sleepy coder out. I have a link on one page that needs to go to a different page, but load to a specific section on that other page.
I have done this before with bootstrap but they take all the 'coding' out of it, so I need to know how to do from scratch. Here is the markup I have based on this link (not the best resource, I know): 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>
Can I do this with just html, or do I need some javascript. If I need to do it via js, it needs to be on the target page right?
I believe the example you've posted is using HTML5, which allows you to jump to any DOM element with the matching ID attribute. To support older browsers, you'll need to change:
<div id="timeline" name="timeline" ...>
To the old format:
<a name="timeline" />
You'll then be able to navigate to /academics/page.html#timeline and jump right to that section.
Also, check out this similar question.
Hiii
you can simply use
<a href="directry/filename.html#section5" >click me</a>
to link to a section/id of another page by
I tried the above answer - using page.html#ID_name it gave me a 404 page doesn't exist error.
Then instead of using .html , I simply put a slash / before the # and that worked fine. So my example on the sending page between the link tags looks like:
<a href= "http://my website.com/target-page/#El_Chorro">El Chorro</a>
Just use / instead of .html .
上一篇: 链接到页面上的不同区域
下一篇: 获取链接以转到其他页面上的特定部分