Thursday, 16 July 2009
Anchor Links within a post
My friend, the Nitecruzr, once told me; "Anchors are simple - make an anchor - and link to it!"
Of course, then he told me about the W3 School and gave me the link to find out, myself! He was correct, though! They are simple - just tricky, but once you 'get' them, you'll have some fun!
It is important to know how to link from one specific point in your post, or a specific theme/word in your post, to something in another part of your blog post. It's called an Internal Anchor Link! Anchors and Triggers.
With me so far?
Internal Anchor Links work especially well, when there is a lot of information on a page, or sections of a page, and you wish to refer the reader back to a previous point. I have made an example of this at the end of the post. Indeed, every post on this blog, displays an Anchor Link in some fashion.
Unlike URL Hyperlinks, to make Anchor Links, you have to use the HTML Editor, as opposed to the COMPOSE MODE, or WYSIWYG (What You See Is What You Get) Post Editor, to 'set' the 'anchor target tag'...
<a name="anchor">anchor</a> (target word).
The Triggers, or HyperLinks, to the Anchor target tags. They look like this:
<a href="http://blogging.robertosblogs.net/2009/07/anchor-links-within-post.html#Target Anchor word">Target</a>.
One interesting part of Anchor Links - INTERNAL, or EXTERNAL, is the use of the Hash key #. With anchor links, it can be used 'Sans URL' (without URL), as seen in the following examples...
Let's say I want to link back to the first part of this post, to the word - anchor - at the top. The first thing I do, is to set the 'Target', if you will, - the Anchor point. That looks like this:
(This is the same for an External Anchor Link to this post). I then place it, by typing it into the HTML Editor.
Then, I link to it by selecting a word to use as a hyperlink - say, for example, from:
<a href="#anchor">Back to the start</a>
N.B. Links are case-sensitive, as with Feed URLs.
In addition to the above, you can also use basically the same 'target' anchor, except by making it numerical, as well. eg:
Linkhere1, Linkhere2, Linkhere3, etc. As an example, I have set an anchor at the word 'Triggers' above. Click this trigger Here, to go to it!
The anchor looks like this:
The trigger looks like this:
N.B. - As the owner of the blog, you should know where your Anchors are. If so, then you can also access them from 'outside'. In other words, you can link to the salient 'tags' from another blog, or post, with the correct Hyperlink URL - as above. For example, I know where a 'tag' is in my Photos Blog, for Hong Kong Harbour. Click <Here>
Another example of the Internal Anchor (from above) is - I have placed an anchor on the anagram WYSIWYG above, and called it editor. The target anchor looks like this:
Here is the trigger to that target:
There you have it. Internal Anchor Links - a vital weapon in the armoury of a busy blogger. External Anchor Links are basically the same process, but you have to have access to the site you want to link to.
If I were to set an External link, which I haven't, to the target word, WYSIWYG above, it would look like this (remember that I have set the anchor as 'editor'):
Try it. Open a new Browser window, copy this URL, and see:
Not much different, at all.
Reported by Roberto on Thursday, July 16, 2009