With this, we can create an anchor link that jumps to this heading element. This is an example HTML snippet for a heading (h2 element) with an anchor ID that we can use for an anchor link (ID in blue): Example Heading To link to a specific piece of content (the anchor), you’re going to have to give that anchor element a unique ID so that the anchor link has a location to jump to. This link will “jump” to the anchor element wherever it is on the page.

A Link to the element with the corresponding anchor ID (the anchor link).This is the element you wish to jump to on the page. An element with a specific anchor ID (the anchor).Similar to any hyperlink in HTML, two major components make an anchor link work. Image Elements by Vector Stock Pro and Paul Craft / But, they can also be used for single-page navigation menus or for creating a table of contents on posts or pages. But it seems the former is more prevalent.Īnchor links are often useful for long-form articles. Anchor links can link to a section on the same page or a section on a different page. Traditional hyperlinks send users to a page while anchor links send users to a specific section of a page. So the main difference between anchor links (or jump links) and regular links is the destination. That said, the term “anchor link” is commonly synonymous with the term “jump link”, a link that jumps to a specific element on a page. In fact, in HTML, the anchor element (represented as the a tag) is common for all links that make the web as we know it possible. Technically speaking, an anchor link is a link (or hyperlink). Create Anchor Links in WordPress with Divi Add Anchor Links Automatically with Table of Contents Plugin Create Anchor Links Manually in HTML in the WordPress Classic Editor

Create Anchor Links Manually with WordPress Block Editor

4 How to Create Anchor Links in WordPress: 6 Ways.

2.3 Table of Contents for Posts or Pages.

2 Why You Should Create Anchor Links in WordPress?.

Anchor links in divi