inflearn logo
강의

講義

知識共有

HTML+CSS+JS ポートフォリオ実践公開(シーズン2)

CSSセクションUIデザイン - 個人プロフィールカード(ダークモード)-03

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

192

ijieun01236189

投稿した質問数 4

1

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

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

HTML/CSS javascript jquery

回答 1

1

codingworks

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

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

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

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

pointer-event:none;

1

73

1

실전 반응형 웹사이트 이미지 다운

1

77

2

87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)

1

64

2

목소리 좀 키워주세요.

1

131

2

PDF파일은 어디있나요?

1

181

2

실전 반응형 웹사이트

1

155

2

강의 내용 pdf가 제공되나요?

1

171

1

flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?

1

217

1

실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ

1

386

2

scss에 active 적용하는 방법

1

319

1

반응형이 안먹힐때 뭐가 문제일까요?? ㅜㅠ

1

1182

2

실전 넷플릭스 6 footer부분

1

267

2

.dark 적용 하는 법

1

210

1

JavaScript & jQuery - 검색창 확장하기(3)에서

1

303

2

포트폴리오 CSS Grid 반응형 레이아웃에서

1

292

1

폰트어썸 4.7 아이콘

2

475

1

넷플릭스 공식사이트 수업 header

1

234

1

JavaScript & jQuery - 푸터 패밀리사이트 셀렉트 커스텀 스타일(2)

1

553

2

loginForm input type=email, password 위치 css 오류

2

415

1

이미지 전환 후 잔상 효과

1

1308

4

안녕하세요. jquery 슬라이더에 대해 질문 있습니다.

1

295

1

btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다

1

487

1

flex나 grid 로 구현하는것과 비교하면 어떤가요?

1

417

1

계속 로딩 - [제작노트 및 필수사항] 실전 반응형 웹사이트 - 넷플릭스 공식사이트

2

363

1