Create a Link to the Top of a Web Page Without Using Anchors

html anchor
hugomg picture hugomg · Aug 1, 2012 · Viewed 92.7k times · Source

I have an HTML document that currently has some links to the top of the page using an anchor

<body id="topofpage">
   ...
   <a href="#topofpage">Go to top</a>

However, I don't like needing to create a useless id and how the "#topofpage" shows up in the URL after I click the link. Is there something else I can do to link to the top of the page without using Javascript? I tried removing the anchor completely with <a href=""> but that causes the page to refresh.

Answer

hugomg picture hugomg · Aug 1, 2012

According to the HTML5 spec the empty fragment # and the special fragment #top will link to the top of the page.

<a href="#">Go to top</a>

<a href="#top">Go to top</a>

There is no need to create a matching anchor if you use these special fragment names.

Related questions

How to open link in new tab on html?

I'm working on an HTML project, and I can't find out how to open a link in a new tab without javascript. I already know that <a href="http://www.WEBSITE_NAME.com"></a> opens the …

Read More
How can I create a link to a local file on a locally-run web page?

I'd like to have an html file that organizes certain files scattered throughout my hard drive. For example, I have two files that I would link to: C:\Programs\sort.mw C:\Videos\lecture.mp4 The problem is that I'd …

Read More
Make a div into a link

I have a <div> block with some fancy visual content that I don't want to change. I want to make it a clickable link. I'm looking for something like <a href="…"><div> … </div&…

Read More