도토리

a태그 안쓰고 버튼에 링크걸기

수달찌 2021. 2. 23. 22:23

a태그로 버튼을 감싸고, 줄바꿈 안하고 바로 다음 컨텐츠가 있을시

두 컨텐츠 사이에 a의 밑줄이 생긴다.

(다음 컨텐츠까지 a태그의 영역이니 곰곰히 생각해보면 자연스럽다)

 

 

그렇다고 a태그를 버튼으로 감싸면

버튼 안 텍스트에 a태그의 text decoration (링크 텍스트 꾸밈)이 생긴다.

그럼으로 button에 속성을 걸어주는 수 밖에 없다.

<button onclick="location.href='signup.html'">회원가입</button>

물론 text decoration: none가 제일 낫다.