
One
Two
Three
.
.
.
Section one
This is the classic:
<a name="section-1">Section one</a>
Section two
Preferred would be:
<a id="section-1">Section two</a>
This anchor we mistakenly also called section-1. The link for Section one goes here, instead of the above, demonstrating the id attribute has priority over the name.
Section three
Here we used:
<a href="/drupal-developers-bluehost/make-your-anchors-clever#section-3" id="section-3">Section three</a>
Clever because as you hover over the anchor it reacts as a link that can be copied with the right-click. More inviting for others to link to sections of your pages than having to find the tag name in the source code.