<a>, <button> 태그

김승훈·2020년 9월 21일
0

<button type="button" class="start-button">시작</button>

<a href="" class="start-button">시작</a>

a tag는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. atg 안의 콘텐츠는 링크 목적지의 설명을 나타내야 합니다.

button tag는 클릭 가능한 버튼을 나타냅니다. 버튼은 양식 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다

a 태그 = 링크 / 문서간의 이동
button = 이벤트 /사용자 인터페이스

디자인을 받았을 때 button 태그를 사용해야할지 a태그를 사용해야 할지 헷갈리 때가 있다. 위 처럼 용도는 다르지만 같은 디자인으로 사용할 때, div > a 태그 선택자로 css를 적용하지 말고 같은 class명을 적용하여
a태그가 button 태그로 변경되어도 문제없게 한다.

0개의 댓글