Comparison of the Example links
Pointers
- Example 1.<a href="#tables">the tables</a>
- Example 2.<a href="http://Fantasy-sci-fi-vision.com/science-fiction-prophesies-product-reviews/kobo-ereader-review/#tables">product specifications</a>
- Example 3.<a href="#top">Read with Kobo</a>
If you look at the pointer links you can see the basic format.
Initially we have the start of the anchor tag. For example 1 and 3 this includes the hash tag while example 2 includes the Page or Post URL and then the hash tag.
- 1.<a href=“#tables”>
- 2.<a href="http://Fantasy-sci-fi-vision.com/science-fiction-prophesies-product-reviews/kobo-ereader-review/#tables">
- 3.<a href="#top">
Then we put in the Text we need to click on to get to where we want to go followed by the closing anchor tag. Make sure the text is meaningful. For example if I click on ‘the tables’ and my anchor is placed just before the destination text Tables then that is where I will go to.
- 1.the tables</a>
- 2.product specifications</a>
- 3.Read with Kobo</a>
Now let us look at the target end of the links. Note that in these examples two of the targets, examples 1 and 2, are going to the same place, one from inside that page and one from a separate post.
Targets
- Example 1.<a name="tables"></a>
- Example 2.<a name="tables"></a>
- Example 3.<a name="top"></a>
If you look at the target links you can again see the basic format.
Initially we have the start of the anchor tag. Note that he href= has been replaced with name and the # has been dropped.
- 1.<a name="tables">
- 2.<a name="tables">
- 3.<a name="top">
And then the closing anchor tag </a>. Note that I have included no text between the ><. When you go to the top of a page you don’t need it as you don’t need some gratuitous words to show where you have landed. Also I found, as the anchor for the other two links are right in front of where I want to end up and the hash tag matches or nearly matches the following text I don’t put anything here or you end up with more gratuitous words.
I just did a similar blog at Bookmarking - "X" Marks the Spot - amazing!
I'll go back and edit the blog to send folks this way!
One other note - I believe that since the "#anchor text" is part of a link, the name following the hashtag has to begin with a letter, followed by letters, digits, hyphens, or underscores - no spaces are allowed.
Perhaps you could verify my suspicion?
Great work!
Dennis