Anchor Links Last Updated July 2026 Linking to specific spots within a page can be useful on long pages with multiple sections. When someone clicks a link with to an “anchor”, the browser will load the page as close to the content as possible at the top of the screen, you need 2 things: An anchor A link Anchor The anchors are added in the source code with an id tag, in the place on the page you want to jump to. The text value of each anchor must be unique within the page. It must start with a letter and is case-sensitive. It cannot include a space but can include the following symbols: hyphen(-) or underscore(_). 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 or from an email, other document or typing it in manually, 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 For site-specific instructions, see how to and tips on our Drupal Instruction site and WordPress Instruction site.
