반응형

버튼 ui를 수정하려는 참에 기존에 퍼블리싱을 외주로 맡겼던 곳에서 버튼을 a태그로 사용하길래

궁금해서 찾아본 내용

 

버튼과 a 태그 중 어느것을 클릭용 버튼으로 사용하는게 더 나을까?

 

w3schools 사이트의 html 튜토리얼과 다른 사이트를 참고한 내용 간단 정리

 

 

<a> a태그의 경우 anchor(앵커, 닻)의 a로,

현재 페이지에서 다른 페이지로의 이동이 있을 경우, 외부 요소에 접근하는 경우 사용하는걸 추천

 

<div> 간단한 컨테이너 태그로, 특별한 기능을 사용하는게 아닌

스타일적으로 커스터마이징이 필요할 때 주로 사용 (애니메이션, 모달, 트랜지션)

 

<button> 버튼 태그의 경우, html 페이지에 버튼을 만드는 가장 기본적인 사용법으로,

onClick 액션을 사용하고자 할때 사용하면 된다

 

<input type="button"> 인풋 타입 버튼 태그, 위의 버튼 태그와 동일한 버튼 태그이지만,

일반적으로 폼 데이터 제출 시, 사용하는것이 좋다

 

 

 

 

 

 

참고 : 

w3schools

 

stackoverflow

 

 

 

정독하기 좋은 내용

 

 

The Difference Between Anchors, Inputs and Buttons

One of the things I love about CSS is how easy it is to make one element look like another. In the example above, the first element is an anchor, the

davidwalsh.name

 

반응형

+ Recent posts