Qual è la differenza di comportamento tra gli elementi HTML e ?

Questo ha a che fare con la semantica dell'HTML.

Un tag A è un elemento di ancoraggio e nel contesto dell'ipertesto, aiuta a collegare i documenti insieme. HTTP sta per "Hypertext Transfer Protocol" perché l'ipertesto è una delle idee fondamentali del web. La parola "web" è una metafora per questa rete di pagine che si legano tutte insieme, come una ragnatela.

Un PULSANTE è esattamente questo, un pulsante. Non denota l'esistenza di una relazione tra il documento corrente e gli altri. Dice solo che è un elemento dell'interfaccia che si può cliccare.

CSS ci permette di dare uno stile identico alle cose. Ma non cambia la semantica, cioè il significato dei diversi elementi HTML.

In sintesi:

• Se il tuo elemento collega l'utente ad un'altra pagina, allora dovrebbe essere una A.
• Se è un elemento UI che attiva JavaScript, rendilo un PULSANTE.
• Se volete che il vostro sito "fallisca con grazia" quando JS è assente, usate un tag A che collega ad una pagina che si basa su uno script lato server e allegate un gestore di eventi ad esso per la funzionalità JS.