How can I hide my page name and extension in the address bar?
For example when I click on my "Home" link, it would take me to:
but instead I'd like it show in the address bar without the page name and extension, like this:
How are you writing your "Home" link?
Having said that, don't include the
/index.html portion in your anchor tag.
Also, if you wanted to show the main site URL
www.mysite.com for every local link in your site no matter the webpage your at (photo gallery, about us, etc.), wrap your whole website in a iframe that's the entire space of the viewport which will prevent the Address Bar from changing.
Reference: jsFiddle or is it???
The above jsFiddle site shows this simple iframe method described. Notice that the Address Bar is always at the same place since the iframe is receiving all the navigation interaction.
View that jsFiddle without the
/show/ as seen in the Address Bar to access the Edit Page.