HTML button 및 a태그 사용시 클릭 영역 넓히는 법

HTML <button> 태그 클릭 영역 증가

<button> 태그에 <a> 태그를 삽입했을 때 순서에 따라서 클릭 영역이 달라집니다.

<button> 태그 사이에 <a> 태그가 위치할 경우, 클릭 가능 영역은 <a> 태그로 둘러싸인 텍스트 범위만 해당합니다.

<button>
  <a href="주소">텍스트</a>
</button>

예제 ▷

반대로 <a> 태그 사이에 <button> 태그를 위치시킬 경우 클릭 영역이 버튼 전체 범위로 확대됩니다.

<a href="주소">
  <button>텍스트</button>
</a>

예제 ▷