버튼과 링크(앵커 요소 <a> ) 상호 교환 가능합니다. 그러나 올바르게 이해하는 것은 어렵지 않습니다. 다음은 기본 지침입니다.
링크 사용 시기()
링크 사용(<a href="/go-here">link</a> ) 사용자가 다음을 수행하기를 원하는 경우:
- 같은 페이지의 다른 섹션으로 이동
- 웹사이트의 다른 페이지로 이동
- 외부 웹사이트(다른 도메인)로 이동
버튼 사용 시기(
버튼 사용 (<button type="button">button</button> ) 클릭을 통해 JavaScript로 구동되는 작업을 실행하려는 경우:예:
- 슬라이드 메뉴 전환
- 팝업 모달/대화상자 열기
<button>을 사용하는 경우의 완벽한 예 이 웹사이트의 헤더에 있는 달/태양 아이콘입니다. 클릭하면 색상 테마가 밝은 색에서 어두운 색으로 전환됩니다.
양식 입력은 어떻습니까?
사용자가 연락처 양식과 같은 양식을 제출해야 하는 경우 제출 입력 요소를 사용합니다.
<input type="submit" value="Submit" />