Anchors away!

Anchors, be gone!.. Named anchors, at least.

I’m not a fan of linking to named anchors (for example: <a name="point-a"></a>). They limit you to identifying a point in the document, or at best some link text.

Its much more powerful to link to a section of a page using the id attribute on an element that contains the content you’re referring the user to.

For example:

<div id="section-a">
	<h2>Section A</h2>
	<p>Some content worth linking to...</p>
</div>

In this case when you link to the fragment-identifier #section-a you are signifying that the user should read the entire section of content.

But how can the user tell the difference?

Usually, they can’t! (only those who understand HTML and look at the code can tell).

That’s where Frag Link highlighter can help. After the user follows a link to a page fragment, Frag Link briefly highlights the section of content that was linked to.

It also helps in situations when the browser has scrolled all the way to the bottom of the page and the section in question still isn’t at the top of the viewport. The brief flash of colour can draw users’ attention to the relevant content.

Frag Link can also help draw attention to part of a page when no scrolling is involved or when there is more that one column of content.

Give the Frag Link demo a try and tell me what you think.

Posted in

2 Responses to "Anchors away!"

Leave a reply