13 Votes

HTML: Hide URL from Browser Address Bar

Question by Guest | 2016-01-12 at 21:33

I have a question regarding the display of links in the address bar of browsers. Considering, I have the website example.com and someone is clicking on a link, for example example.com/page.htm. In this case, I want that the browser address bar should still show example.com and not the address of this link.

Can someone tell me how to do that? I do not want to show any link of my page in the browser address bar to the user. Instead, the whole time, only the domain name should be displayed.

ReplyPositiveNegativeDateVotes
11 Vote

One possibility is to use Frames for your website. The result would be that only the starting page, that is your domain name, would be displayed in the browser.

For example, you can do it in the following way:

<!DOCTYPE html>
<html>
<head>
<title>Window Title</title>
</head>
<body>

<iframe src="index.htm">
</iframe>

</body>
</html>

Using the following CSS:

html, body, iframe {
  height: 100%;
  width: 100%;
}

With loading your page for the first time, "index.htm" will be loaded into the frame. The frame is set to 100% width and height so that the entire browser window will be filled.

If you know click on a link within the frame, this link will open within the frame again, so that the browser address bar will not change at all.

Important note: The whole thing is not good for bookmarks and search engines.
2016-01-14 at 22:10

ReplyPositive Negative
00 Votes

If you have good reasons to hide the link from the browser address bar, it is all okay.

However, I recommend to go without such manipulation. The first reason is that visitors cannot set bookmarks to your page anymore (it would only be possible for the starting page). The second reason is that a search engine can only properly work when also your sub pages can be found via proper and clear links. Also passing your URL or linking to your page on the Internet is unnecessary hampered by this.

If you want to make your URLs easier to read, for example if you want to make the URL example.com/topics.html available under example.com/topics, you should read the Tutorial Clearify URLs as an introduction.
2016-01-16 at 20:38

ReplyPositive Negative
04 Votes

Another possibility is to build your website on JavaScript and AJAX.

In this case, your starting page would be loaded at the beginning (its address will remain in the browser bar) and the rest of the page would be loaded dynamically depending on the user action and clicks.
2016-01-18 at 18:42

ReplyPositive Negative
Reply

Related Topics

jQuery: Show and hide elements

Tutorial | 0 Comments

How to avoid Spam Mails

Tip | 0 Comments

Important Note

Please note: The contributions published on askingbox.com are contributions of users and should not substitute professional advice. They are not verified by independents and do not necessarily reflect the opinion of askingbox.com. Learn more.

Participate

Ask your own question or write your own article on askingbox.com. That’s how it’s done.