In practice the dichotomy between hyperlink and button is blurry and should be treated as blurry and interchangeable. But HTML doesn't really allow one to blur

In practice the dichotomy between hyperlink and button is blurry and should be treated as blurry and interchangeable. But HTML doesn't really allow one to blur properly, at least not in all browser brands. To resolve this, it should be easier to make hyperlinks into buttons and buttons into hyperlinks. The difference should be aesthetics only. They are both a "span with an action". The action and styling (button versus hyperlink) should be attribute-based. Examples: <action type="post" look="link">Action 1</action> <action type="post" look="button">Action 2</action> <action type="link" look="button">Action 3</action> <action type="none" look="link" onclick="myJS()">Action 4</action>