For my website I will need to use instead of , because I am using mostly ajax and thus instead of links I have onclick ajax event
You could use an anchor. But within javascript you'd have to use event.preventDefault() But there is a CSS method thats smaller and easier. Keep your span and use this:
event.preventDefault()
span:hover{ cursor:pointer; }