Anchor Links Last Updated November 2024 Linking to specific spots within a page can be useful on long pages with multiple sections. To create a link that jumps people who click it to a specific part of the page, you need 2 things: An anchor A link Anchor The anchor goes in the place on the page you want to jump to. To add an anchor edit the source code and add a unique id attribute to any tag. Example: <h2 id="jump-here">Content Heading</a> If there is no element in the source code to add the id attribute to, you can add an <a> tag without a source attribute, like so: <a id="jump-here"></a> Link The link will be formatted with a pound sign in front of the anchor text. If the link and the anchor are on the same page, your link path needs to simply contains the anchor, like so: <a href="#jump-here">Link further down the page</a> If you’re linking from another page on your site, your link path will be a normal relative path followed by the anchor, like so: <a href="/about"#jump-here">Link to specific section on another page</a> If you’re linking to an anchor in a completely different website, your link path will be the normal absolute path followed by the anchor, like so: <a href="http://example.com/about#jump-here">Link to specific section on another website.</a> Instructions See how to and tips on our Drupal Instruction site. For our WordPress sites, edit the source code as described above.
