I am confused on how to properly use it. It seams that they are used within forms, whilst others use it outside forms. I also wanted to place a hyperlink inside this, but it is not liked very much from my validator. My question is how would you use them properly outside a form, or would you be forced to use an a tag instead.
Awesome CSS Buttons used both buttons and a tags for their buttons. They both used them outside a form, not entirely sure if this is for presentational purposes, rather than functional.
But they are still just meant for forms, I'm pretty sure. Outside of a form, I would just use a nicely styled <a>.
Hm, they were created specifically to allow scripting on something that accepted more styling. When I read about them I believed they meant "thingies put on the page to run some script when clicked", as well as having a form input that could accept more styling (and elements inside).
In fact I would argue an anchor is not as good as a button on a page to run a script if you wanted to be more semantic: a button is activated by hitting the spacebar (usually) and runs some script. An anchor supposedly means "hyperlink" and should take you somewhere, and is activated by hitting enter (usually). So if you want something to run when the user activates it, and not take them somewhere, a button should be better.
We use anchors though because IE made life hard for buttons, like giving them big black ugly borders we had to hack around to get rid of. Wha!