a 태그 vs button 태그

a태그 vs button태그

1. a태그(anchor)

페이지의 이동을 필요로 할 때 사용한다. 문서를 url로 연결할 때!
href 요소와 결합하여 하이퍼링크를 생성하며, target 속성을 사용해 이동하는 방법을 지정한다. 페이지 내의 동적 UI를 작성할 때는 a태그 사용을 지양하고 button태그를 사용해야 한다.

2. button태그

클릭함으로써 이벤트가 발생시키는 것은 button을 이용하는 시멘틱한 마크업을 해야한다. url을 연결하지않고 단순하게 사용자 인터페이스만을 '조작'하기 위한 버튼이다. type을 명시하지 않으면 submit 으로 실행하기 때문에 반드시 type="button"으로 지정해야한다.

button에는 3가지 타입이 있다.

1) <button type="submit"> : 폼(form)을 전송하는 기능을 담당한다. (default값)
2) <button type="reset"> : 폼(form) 입력한 내용을 초기화하는 기능이다.
3) <button type="button"> : 단순 클릭 이벤트일 때 사용하며 자바스크립트의 도움을 받아 기능 구현 인터페이스를 조작하는 기능을 담당한다.