How Many Ways To Make A Link?
Been doing some research on page optimization and have come across a number of different ways to make a link. Most seem designed to avoid notice by search bots, but I can see some other uses as well. Anyway, these are the various specimen of hyper text linking that I have been able to accumulate:
Plain Old Link
Search Engine Ignore Link
Inline JavaScript Link
Function based Javascript Link
Lots of variations of this linking technique, but this is the gist.<InvalidTag>
function goLink() {
location.href = "link.html";
}
</script>
<a href="javascript:goLink()">anchor</a>
Form Linking
Form Linking + JavaScript
Arbitrary Element Link w/jQuery
This lets us turn any element into an active link. Additionally, since the extra href property is arbitrary, you can label it whatever you like.<InvalidTag type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<InvalidTag>
$(function() {
$("ul li").click(function() {
location.href = $(this).attr("href");
});
});
</script>
<ul>
<li href="link.html">anchor</li>
</ul>
Plugins
Flash, SilverLight, Java, and any other extended technology. I've used the Flash one extensively to avoid having too many links on a page, but the rise of Mobile has really lowered the general efficacy of this sort of option.
Remote / iFrame Links
With this, all of the links are in the remote file and you can use any of the above linking techniques. Make sure the target is set to "_top", or the desired window name you need for your application, to avoid odd behavior with the browser back button.<iframe src="remoteLinks.html">
<!-- remote content in remoteLinks.html -->
<a href="link.html" target="_top">anchor</a>
</iframe>
Other Thoughts
One can also employ images to better reconcile the goals of usability and sculpted anchor text; even for the Form technique.
If you have any other way of creating a links, please share them.
UPDATE: Split the Form type into two to differentiate between a normal form submit and a JavaScript assisted submit. UPDATE2: Added Arbitrary element link with jQuery

