a태그 와 button 태그

 

화면에서 버튼을 만드는 방법은 여러 가지 있습니다.

저는 그중 a태그와 button태그를 사용하고 있습니다.

 

a태그는 페이지의 이동, 페이지 내의 이동과같은 역할 (문서를 url로 연결)

button 태그는 단순 클릭 이벤트의 역할(type="button" 으로 지정해야 함)

 

✨ a태그 (anchor)

href 요소와 결합하여 하이퍼링크를 만듭니다.

target 속성을 사용해 이동하는 방법을 지정합니다.

페이지간의 이동을 위해 링크를 생성할 때만 사용합니다.

페이지 내의 동적 UI 작성할 때에는 a태그 사용을 지양해야 합니다.

 

✨ button 태그

페이지 내의 단순 클릭이벤트를 주는 경우에는 button태그를 사용합니다.

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

button / submit / reset

 

button  : 단순 클릭이벤트

submit : form의 데이터를 전송합니다.

reset : form에 포함되어 클릭하면 form 데이터를 리셋합니다.