Måste javascript-länkar vara omgivna av <a>-tagg?

Hellu,

Dum fråga kanske, och jag lyckas verkligen inte ens formulera den i en googling, but here goes:

När det kommer till DOM vars klickhantering helt hanteras av js, finns det någon fördel med att omge elementet med en a-tagg? Det verkar vara standard att göra så (t.ex. <a href="#"><img></img></a>) med vad är fördelen, när man kan fånga elementets klick-event ändå?

Är det en bra praxis att omge allt klickbart med <a>? Är det nödvändigt? Och som en liten bonusfråga, måste man ange något i href? Varför används # som standard?

Tack!

Edit: Vi bortser såklart från de faktum att a-taggar fortfarande är klickbara även om webbläsaren inte har js aktiverat. Ponera att det handlar om en webbapplikation där js är självklart.