El # se usa para referenciar a lo que en inglés se llama "named anchor". Es una forma de hacer que se vea una determinada sección de la página cuando ésta es muy grande.
Por ejemplo probáblemente habrás visto en algunas webs un enlace que dice "ir al principio" o "ir al final" o ... y que al pulsar sobre dichos enlaces no cambia de página sino que se ve una zona diferente de la misma.
La zona se define usando un atributo name en un elemento <a>. Ejemplo:
<a name="pie"></a>
Y luego para poner un enlace para saltar a dicha zona se usa el #valor_del_name. Ejemplo:
<a href="#pie">Ir al final de la página</a>
Cuando se usa sin nombre despues del #, como en el ejemplo que tu mencionas, significa ir al principio de la página.