The simplest HTML for a "Home" and "Back to top" link that works in all browsers
Written 51 weeks 2 days ago by SharmWeb. Last edit 31 weeks 6 days ago.
Simple because you can copy and paste this code to put in the footer area without changing anything. No need to put custom urls.
<a href="/">HOME</a> always links to the highest "root" domain.
<a href="#">TOP</a> is a not defined id tag that results in a link to the top of the actual page.
THE FULL CODE:
<a href="/" title="Back to the Home page"><b>HOME</b></a> | <a href="#" title="To the top of this page"><b>BACK TO TOP</b></a>
RESULTS IN:
HOME | BACK TO TOP
Put this in your site footer so it shows up on every page consistently, long or short, so it's something your visitors can count on. The Home link is useful because this is where most people would go after reaching the top navigation menu. Besides saving them some scrolling, you save them a click.
If you have a lot of comments, only show the newest with a pager to reach the previous ones, or people might not even reach the bottom.
If people reach the bottom, it means they where interested enough to read the whole article. Probably they would prefer to see links to some related content instead of going to the site navigation and having to search for it. Put links to related articles right after the end of the article text, so above the comments.
Published in
- SharmWeb's blog
- 185 reads
Simple because you can copy and paste this code to put in the footer area without changing anything. No need to put custom urls.<a href="/">HOME</a> always links to the highest "root" domain.
<a href="#">TOP</a> is a not defined id tag that results in a link to the top of the actual page.
THE FULL CODE:
<a href="/" title="Back to the Home page"><b>HOME</b></a> | <a href="#" title="To the top of this page"><b>BACK TO TOP</b></a>
RESULTS IN:
HOME | BACK TO TOP
Put this in your site footer so it shows up on every page consistently, long or short, so it's something your visitors can count on. The Home link is useful because this is where most people would go after reaching the top navigation menu. Besides saving them some scrolling, you save them a click.
If you have a lot of comments, only show the newest with a pager to reach the previous ones, or people might not even reach the bottom.
If people reach the bottom, it means they where interested enough to read the whole article. Probably they would prefer to see links to some related content instead of going to the site navigation and having to search for it. Put links to related articles right after the end of the article text, so above the comments.
If you link to another page that is on the same domain that you're on, you don't need to use the domain name in the path of your link. Simply leave off the domain, but be sure to include the first slash (/) after the domain name.
Use the full URL of an object or page whenever you need to send a visitor to another site or need to get content from another site.
More like this:
- Make your <a>nchors clever: Make your anchors links in a way they can be copied with a right-click. Useful for forums to allow others to link to a specific post.