반응형
버튼 ui를 수정하려는 참에 기존에 퍼블리싱을 외주로 맡겼던 곳에서 버튼을 a태그로 사용하길래
궁금해서 찾아본 내용
버튼과 a 태그 중 어느것을 클릭용 버튼으로 사용하는게 더 나을까?
w3schools 사이트의 html 튜토리얼과 다른 사이트를 참고한 내용 간단 정리
<a> a태그의 경우 anchor(앵커, 닻)의 a로,
현재 페이지에서 다른 페이지로의 이동이 있을 경우, 외부 요소에 접근하는 경우 사용하는걸 추천
<div> 간단한 컨테이너 태그로, 특별한 기능을 사용하는게 아닌
스타일적으로 커스터마이징이 필요할 때 주로 사용 (애니메이션, 모달, 트랜지션)
<button> 버튼 태그의 경우, html 페이지에 버튼을 만드는 가장 기본적인 사용법으로,
onClick 액션을 사용하고자 할때 사용하면 된다
<input type="button"> 인풋 타입 버튼 태그, 위의 버튼 태그와 동일한 버튼 태그이지만,
일반적으로 폼 데이터 제출 시, 사용하는것이 좋다
참고 :
정독하기 좋은 내용
반응형
'웹 > html,css' 카테고리의 다른 글
[html] 다양한 메뉴 옵션 선택이 가능한 select 태그 사용법 (0) | 2022.01.31 |
---|---|
[html] 웹 사이트 글자 배경색 반전하는 다크모드 사용해보기 (0) | 2022.01.30 |
[html] input type file 파일선택 텍스트 UI 커스터마이징 하는법 (0) | 2021.11.05 |
[html] firefox xml 변환기 오류는 태그 문제 (0) | 2021.07.06 |