강의

멘토링

커뮤니티

Inflearn Community Q&A

ijieun01236189's profile image
ijieun01236189

asked

HTML+CSS+JS Portfolio Practical Publishing (Season 2)

CSS Section UI Design - Personal Profile Card (Dark Mode)-03

다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?

Written on

·

170

1

다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?

가끔 <button>, <ul> 대신에 div 를 사용하는 경우가 많은데 웹표준에 어긋나는 게 아닌지 헷갈립니다 ㅜ

HTML/CSSjavascriptjquery

Answer 1

1

codingworks님의 프로필 이미지
codingworks
Instructor

이건 페이지 내에서 상호작용을 하는 것이기 때문에 저는 예제에서 div 또는 span 태그를 사용했습니다.

만약 상호작용이 다른 파일을 링크하거나 다른 파일과 상호작용을 하는 경우라면 a 태그 또는 button 태그를 사용했을 것입니다.

물론 해당 예제에서 span 태그를 button 태그로 대체하셔도 문제 없습니다.

다만 button 태그를 사용하면 button 태그가 가지고 있는 기본 디자인을 없애는 css 작업을 해줘야 하기 때문에 좀 번거롭니다. 그래서 그냥 span 태그를 사용했니다.

ijieun01236189's profile image
ijieun01236189

asked

Ask a question