Related Posts



How To Create A Link Within The Same Document Or Page (Named Anchor Links)

How To Create Named Anchor Links

We (I) use “in page links” a lot. When we loosely refer to “in page links” we technically mean HTML named anchor links used as bookmarks.

Example: Bottom of post.

In page (named anchor) links are great for directing visitors to content inside of a large webpage. Named anchors are often used to outline content at the beginning of large documents and webpages. Each chapter or header within the document or webpage is given a named anchor. Links to each of these anchors are put at the top of the document or webpage, such as a table of contents or FAQ sections. For example we use in page links when discussing malware removal instructions, allowing visitors to simply click the in page link and automatically scroll to the information they seek on the same page instead of scrolling down through a detailed page with lots of content. It makes browsing your website much easier and creates a path to receive information on a page much faster.

  • Creating a link within a document or page is very simple and is accomplished exactly how you would produce a regular <a> tag <a href=””> link, because it is a regular <a> tag link.

1. Add a named anchor

<a name="Link">Chapter IV</a>

Title the named anchor whatever you wish, we use “link” in this example. “Chapter IV” is the text you wish to link to.

2. Create a link to the named anchor

<a href="#Link">Table of Contents</a>

When creating a link to the named anchor remember to use the pound/hashtag symbol (#) only for the actual hypertext reference (href).

3. Full named anchor hyperlink

http://YourWebpage.com/#Link

Use named anchor links just like any other hyperlink:

Named anchor links can be used for more than just linking to material within the same page, you can use the link exactly like any common hyperlink.

For example, we have a named anchor links on a post describing how to remove Text Enhance adware. We supply visitors with a list of possible Text Enhance extension titles – which happens to be in the middle of the page, hidden between content.

WordPress Tip: Direct visitors to comments by creating a link using your post URL and #comments.
Example: http://botcrawl.com/how-to-remove-text-enhance/#comments

banner-1

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

One thought on “How To Create A Link Within The Same Document Or Page (Named Anchor Links)