HTML href to an element with an ID

Question

In my HTML code, I have a list element ID such as:

<li id="pageHome">

And, when I want to reference to it, I have:

<h1><a href="#!/pageHome" id="logo">Interior</a></h1>

This works fine, however, when I load my website, I noticed that when I want to go my home page, the link looks like this:

mywebsite.com/#!/pageHome

I don't think this looks professional. Is there anything that I can do such that anytime that I want to go to main page, it shows something like this instead?

mywebsite.com/pageHome

_"And, when I want to reference to it, I have: `
Interior
`"_ No you don't. `href="#pageHome"` should do it. — j08691, Dec 10 '14 at 16:10
what's the !/ for ? if it's on the same page it should be #pageHome — Billy, Dec 10 '14 at 16:10
possible duplicate of [How to write a link like which link to the same page in PHP?](http://stackoverflow.com/questions/15535699/how-to-write-a-link-like-a-href-id-which-link-to-the-same-page-in-php) — Loïc Gammaitoni, Dec 11 '14 at 10:57

score 2 · Answer 1 · edited Dec 11 '14 at 13:56

2

The dash will always appear, but you can prevent the backslash and exclamation mark from appearing in the url, as writing href="#pageHome" is sufficient

edited Dec 11 '14 at 13:56

fifou

65
6

answered Dec 10 '14 at 16:11

Loïc Gammaitoni

4,173
16
39

3

You might want to flag it as such in stead of answering – user25312 Dec 10 '14 at 16:12

score 1 · Answer 2 · edited May 23 '17 at 12:27

1

#pageHome should work perfectly fine.

Also check How do I scroll to an element using JavaScript? for JS solutions!

edited May 23 '17 at 12:27

Community

1
1

answered Dec 10 '14 at 16:11

Rstew

585
2
9
21

HTML href to an element with an ID

Interior

2 Answers2