인프런 커뮤니티 질문&답변

이지은님의 프로필 이미지

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

CSS 섹션 UI 디자인 - 개인 프로필 카드(다크모드)-03

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

24.07.15 18:35 작성

·

69

1

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

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

답변 1

1

코딩웍스(Coding Works)님의 프로필 이미지

2024. 07. 15. 23:10

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

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

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

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