details 엘리먼트의 이점에 대해
282
投稿した質問数 2
<details> 엘리먼트에 대해 질문이 있습니다.
아코디언식 UI부분에 details 엘리먼트를 사용해보려고 합니다. 그래서 div 엘리먼트를 사용해 구현할 때와 비교하여, details 엘리먼트의 이점을 생각해보았습니다.
1. details가 상세정보를 포함하는 영역이며, 내부의 내용이 상세 정보임을 명확하게 나타낸다.
2. summery 부분을 클릭하면 자동으로 상세정보 영역이 토글되므로, 별도로 click event를 설정할 필요가 없다.
이 외에 또 다른 이점이 있을까요?
回答 1
1
안녕하세요. 말씀 주신 이점 외에 추가로 기대해볼만한 이점은 없습니다.
2번 이점에 대해 추가로 공유드리자면, JavaScript로 유저가 제작한 컴포넌트가 아니라 브라우저에서 지원하는 컴포넌트이기 때문에, 별도로 접근성 대응 작업을 하지 않아도 접근성을 지원한다는 이점이 있습니다.
고맙습니다.
강의제목에 10/15일 삭제라고 나와있는데,
0
27
1
선생님 강의자료를 받을수 없어요! 메일보냈어요.
0
53
2
1강 동영상 재생 오류
1
65
2
헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?
0
35
1
Composition단계에서 `Layer`는 누가 만드는지
0
39
1
Strict Mode 예시 질문!
0
58
2
해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?
0
54
2
만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.
1
84
4
설명이 잘못된거같습니다.
1
71
2
31강 학습자료에 프롬프트가 엉뚱한것이 있어요
1
64
1
bitnami 설치
0
39
0
강의 소스 코드는 어디서 볼수 있나여?
1
64
1
자료집 관련
0
63
2
13. (App 2) 기본기 훈련 에서
0
88
1
input 과 label 의 작성 순서
0
745
1
a 링크의 href 속성
0
880
2
리액트에서 picture 사용법
0
258
0
section 내에서 여러요소를 그룹핑해야 되는 상황에 대해 질문드립니다.
0
530
2
dialog 미지원 브라우저를 위한 fallback 관련 질문입니다
0
549
4
React의 컴포넌트 개발과 시맨틱 구조 작성의 연관성에 대해 궁금한 점이 있어 질문드립니다.
0
300
1
tr 요소 내에 th, td 혼용 관련 질문입니다
0
350
1
시맨틱 구조 관련해서 질문있습니다.
0
276
1
address 요소 설명 중 궁금한 것이 있어서 질문드립니다.
0
424
3
자바스크립트를 이용할 때 button type 지정에 관한 궁금증
1
226
1