Link to a section of a webpage
your jump link looks like this
<a href="#div_id">jump link</a>
Then make
<div id="div_id"></div>
the jump link will take you to that div
Getting a link to go to a specific section on another page
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.
How do I link to part of a page? (hash?)
If there is any tag with an id
(e.g., <div id="foo"
>), then you can simply append #foo
to the URL. Otherwise, you can't arbitrarily link to portions of a page.
Here's a complete example: <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>
Linking content on the same page example: <a href="#foo">Jump to #foo on same page</a>
It is called a URI fragment.
Related Topics
Why Is "" Being Injected into My HTML
When I Try to Shift the Image Upwards Using Negative Margin the Whole Container Is Moved Upwards
How to Indent All Text in a Paragraph Except the First Line
Header/Footer Layout with 100% Content Height in IE8
Animate Spinning Circle(Percentage) with CSS
Html5 Placeholder Disappears on Focus
Can Div with Contenteditable=True Be Passed Through Form
How to Make a Sticky Footer Using Flexbox in Ie11
How to Implement Curve Background in CSS
CSS - Hide Options from Select Menu on iPhone & Safari