a태그와 button태그의 차이점

<button>

-포커스 대상
-새로고침 유발
-스페이스키로 클릭
-서버에 양식 데이터 제출
-disabled로 비활성화
-:focus, :hover, :active, :disabled

 

<주 용도>
-모달창 오픈
-팝업메뉴 트리거
-인터페이스 전환
-미디어 콘텐츠 재생

<a>

-포커스 대상
-새로고침 유발
-새 페이지/현재 페이지로 이동
-엔터키로 클릭
-:link, :visited, :focus, :hover, :active

 

 

<헷갈리는 경우>

<a href="#" tabindex="0" ng-click="userPicker.userClicked(true)" aria-label="Some username"></a>

url도 없고, url이 변경되는 내용도 아니며 핸들러가 있을 경우 모호함