Semantic named anchors

bitesizestandards have a nice article on ‘semantic anchors’ which are used to link to different areas of the current page you are viewing.

The usual way we all do this is with a named anchor as follows, ‘Name’ a content area on your page:

Add the link to that content area

Go to myContent

The problem is that this isn’t semantic and it’s not ideal to have empty <a href> elements on your page (<a name=”">). A nice way around this? Use id’s instead :)

So now you can do this instead:


...

Much nicer, cleaner and semantic as well! You can link to your content the normal way:

Go to myContent

View the full article here

Post a Comment or Leave a Trackback

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*